webpack打包速度和性能再次优化

一. 改单dll为双dll

因为上图原因，使用CommonsChunkPlugin时，导致其打包出来的vendors.js内的模块ID会因为其他文件引用模块数量的变化而变化。

所以现利用DllPlugin打包原vendors.js打包的文件，命名依然为vendor，文件名：vendor.js。

二. 利用cache和多线程提高编译速度： 

时间（s）   优化前   优化后  
webpack cach:true   55   54  
babel-loader?cacheDirectory=true   54   35  
webpack-parallel-uglify-plugin   36.7   27.98  
 happypack    36   34.33  
uglifyjs-webpack-plugin   39   21.20  

 

 

 

 

 

 

三. 更换js压缩插件为：uglifyjs-webpack-plugin

可以使用多线程加速，但有一个问题，目前使用版本是：1.1.8

此插件压缩功能只支持如下配置：

output: { filename: 'js/[name].[chunkhash:8].js' } 或 output: { filename: 'js/[name].js' }