博客

如何提高webpack的构建速度？

1. 多入口情况下，使用
   
   CommonsChunkPlugin
   
   来
   
   提取公共代码
   
2. 通过
   
   externals
   
   配置来
   
   提取常用库
   
3. 利用
   
   DllPlugin和DllReferencePlugin预编译资源模块
   
   通过DllPlugin来对那些我们引用但是绝对不会修改的npm包来进行预编译，再通过DllReferencePlugin将预编译的模块加载进来。
4. 使用
   
   Happypack
   
   实现
   
   多线程加速编译
   
5. 使用
   
   webpack-uglify-paralle
   
   来提升
   
   uglifyPlugin的压缩速度
   
   。 原理上webpack-uglify-parallel采用了多核并行压缩来提升压缩速度
6. 使用
   
   Tree-shaking
   
   和
   
   Scope Hoisting
   
   来
   
   剔除多余代码