看风听雨

2017年12月7日更新，添加了clean-webpack-plugin,babel-env-preset,添加本文涉及到的所有代码的示例，如果你在学习过程中出错了，可点击此处参考写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的...

一、DLLPlugin的使用   1、背景         对于vue项目而言，不可避免的会使用一些第三方的库，这些库本身并不会运行，我们也不会修改这些库的代码，但是每当我们修改了业务代码之后，这些库也会被重新打包，极大的浪费了时间，这时我们就需要使用工具预先把静态资源提前打包，以后修改源文件再打包时就不会打包这些静态资源文件了。而webpack在打包的时候，对于一些不经常更新的第三方库，...

1、背景      在项目实现的过程中，想在代码更改的同时，查看效果的改变，而这个时候长时间的编译等待，造成了额外的时间浪费。2、简介   HardSourceWebpackPlugin是webpack的插件，为模块提供中间缓存步骤。为了查看结果，您需要使用此插件运行webpack两次：第一次构建将花费正常的时间。第二次构建将显着加快（大概提升90%的构建速度）。3、实现   ...

1、背景     对于webpack来说，默认的配置都是单线程的，并没有充分利用电脑cpu的资源，可以充分利用cpu实现多线程打包和压缩项目，以达到节省编译时间的目的。2、介绍&&使用     1⃣️、webpack-parallel-uglify-plugin       Webpack 默认提供的 UglifyJS 插件，由于采用单线程压缩，速度颇慢 ；推荐采用...

减小文件搜索范围在使用实际项目开发中，为了提升开发效率，很明显你会使用很多成熟第三方库；即便自己写的代码，模块间相互引用，为了方便也会使用相对路劲，或者别名(alias)；这中间如果能使得 Webpack 更快寻找到目标，将对打包速度产生很是积极的影响。于此，我们需要做的即：减小文件搜索范围，从而提升速度；实现这一点，可以有如下两法：配置 resolve.modulesWebpack的...