webpack常见优化手段
(1)分离第三方库的依赖,比如引入DllPlugin,将不经常修改的第三方库和自己业务代码分开打包;
(2)引入多进程编译的工具包,比如happypack;
(3)利用CPU多核性能进行资源压缩混淆,uglifyJS-webpack-plugin,非webpack自带的压缩包;
(4)提取公共依赖模块,commonChunkPlugin;版本4已经默认集成了该功能;
(5)提取公共样式,减小打包的体积,比如ExtracTextPlugin
(6)Gzip压缩
(7)code spliting按需加载,自身提供的require.ensure,各种框架也有自己的模块加载方案;
(8)tree shaking去掉没用上的代码,版本3和4默认都有了;
(9)激活代码热更新功能,HMR;