webpack基本配置--这些日子走过的坑坑洼洼(新人入手)

最近在学习webpack,react,react-router,redux遇到了一系列的坑,今天先说说webpack的配置吧,相信关于webpack的文章已经有过很多了,但是每个人的需求不同,今天我就讲讲我的webpack的配置,简单的入门级配置直接上图

对上面的配置做一个讲解,当然注释里面已经写了很多了

1.entry--入口文件

2.output--输出文件,path是输出入径,filename是出书的文件名,可用MD5解决缓存问题,publicPath静态文件存储地址

3.devtool--开发魔术的设置,总共有7种,可移步官网查看具体配置

4.module--配置了loaders用来处理不同的模块

5.resolve--alias配置了别名,extensions则是配置了后缀名,模块在引用时不需要写后缀名,webpack会帮你自动不全

6。plugins--使用的插件见下图,各个插件的作用注释中已详细说明

一些简单的配置就是这些

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,336评论 7 110
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 12,549评论 7 35
  • 最近在学习 Webpack,网上大多数入门教程都是基于 Webpack 1.x 版本的,我学习 Webpack 的...
    My_Oh_My阅读 12,522评论 40 247
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 10,846评论 1 32
  • 现在不再有精力熬夜了,头天晚上睡的太晚的话,第二天就会恍恍惚惚,没有精神,当然就干不好工作。所以,对抗失眠是我要首...
    如释笔记阅读 1,794评论 0 0