1分钟--前端03webpack常见优化手段

Posted 2021-04-29 悬笔e绝

03

              1分钟--前端

    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；

一码不扫，
何以扫天下？