说说如何借助webpack来优化前端性能？ 2021-05-07

说说如何借助webpack来优化前端性能？

1：压缩代码，删除无用代码，注释，简化代码，体积小了，性能也会跟着提高
2：可以利用webpack的UglifyPlugin和paralleUglifyPlugin来压缩JS文件，
利用cssnano（css-loader?minimize）来压缩css文件
3：利用CDN加速，在构建过程中，将静态资源路径，修改为CDN上对应的路径
可以利用webppack对output参数和各loader的publicPath参数来修改静态资源路径

4：删除死代码，将永远不会用到的代码片段进行删除，可以通过在启动webpack时追加参数--optimize-minimize来实现
5：提取公共代码

今日份幸运花束，灿阳小姑娘，要加油啊，越来越好

在这里插入图片描述
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容