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

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;

一码不扫,

何以扫天下?

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180512A1RX6700?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券