如何压缩前端项目中JS的体积
在前端项目部署时,JS 文件体积会影响页面加载速度,因为有必要对JS 体积进行压缩。
- 通过Nigix配置,开启gzip压缩,从而减小网络传输中JS体积,并在浏览器端进行对应解压,相当于是矛盾转移,将网络传输请求尽可能减小,让浏览器端承担部分压力;
- 使用webpack插件
compression-webpack-plugin
,在部署到服务器端之前就将JS文件gzip压缩,原理和1类似; - 使用
webpack-bundle-analyzer
分析打包体积,替换占用较大体积的库,如moment
->dayjs
; - 使用支持Tree-shaking的库,对无引用的库或函数进行删除,如
loadsh
->loadsh/es
; - 对于无法Tree-shaking的库,按需引入模块;
编辑 (opens new window)
上次更新: 2022/03/31, 14:55:48