webpack 优化打包速度

打包速度优化

由于文件数量过多，代码量过大导致打包速度特别慢

 文件多？
 依赖多？
 页面多？

从整体来看webapck解决打包速度有哪些方法?

办法一、
分开vendor 和 app
插件：
DllPlugin
DllReferencePlugin

办法二、
UglifyJsPlugin
parallel
cache

办法三、
HappyPack使 loader并行的去处理，可以让文件处理的过程中从串行变成并行
从而减少文件处理的时间
HappyPack.ThreadPool 共享文件之间的线程

办法四、
babel-loader
options.cacheDirectory定死打包范围
include
exclude

其他、
减少resolve，当resolve过多时将会减慢webpack查找时间
Devtool:去除sourcemap最后在我们编译的时候是不是需要sourcemap，上线的时候考虑将其省略掉
cache-loader将会所有的loader处理的结果缓存下来了
升级node
升级webpack