qq_37905131的博客

webpack的默认行为是当一个类型的检查是否使用某一个loader进行处理时，即使匹配到了也会在接下来的所有规则中进行再次匹配（走完所有的rules规则匹配）前面提到js文件的编译需要进行babel和eslint的处理，比较耗时，所有这里说的缓存也只针对这两个过程。js的支持：（vue-loader和react-loader都默认支持了这样的功能，不需要我们单独实现）注意： 把注意写在前面，每个进程打开大概需要 600ms 的时间，建议在文件量很大的情况下使用。获取 cpu 核心数量。...

生产环境的webpack配置。

创建eslint配置文件(三种方法都可以)基础的配置文件安装和使用插件（之前的版本使用 loader 处理）创建文件vscode 的 eslint 插件也会扫描eslint配置文件，但它无法读取我们在webpack.config.js中设置的扫描范围，所以我们需要创建文件。...

devserver 的配置。

复制要是用的icon 的类名，比如： icon-zhinan。针对字体文件配置webpack.config.js。入口文件中引入iconfont.css文件。入口文件引入iconfont.js。使用svg引入需要使用的图标。在html模板中使用。加入通用的css代码。...

自动引入打包资源 plugins的使用。

我们需要知道的一个前提是：webpack默认只认识js或者json文件，其他的资源webpack不认识。而loader 就是将文件转换成webpack 能够处理的文件的这个一个工具

未修改output{filenametrue,},//修改后output{filename'js/dist.js',//js入口文件的输出目录修改path8][ext]'//资源目录整体修改},

小技巧为了在编写webpack.config.js配置文件的时候可以有代码提示，我们可以把这样的一行代码放到导出语句之前。

webpack 看这一个就够了