前端打包过大如何解决？

2024-05-01 02:52:02
开发
12

前端开发完毕部署到线上是，执行npm run build。当打包过大时，部署到服务端后加载缓慢，如何优化？
我们可以通过执行npm run analyze。可以看到各个包文件大小的区别。
当打包过大时，通过压缩gzip的方式，可以看个开始和打包和压缩的大小
在这里插入图片描述
前端打包成gzip，用new CompressionWebpackPlugin来压缩。服务端nginx设置
http{
gzip on;
gzip_static on;
gzip_types text/plain application/x-javascript text/css application/xml;
}

原文地址:https://blog.csdn.net/qq_45050083/article/details/137590076 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://www.suanlizi.com/kf/1785381612666621952.html 如若内容造成侵权/违法违规/事实不符，请联系《酸梨子》网邮箱：1419361763@qq.com进行投诉反馈，一经查实，立即删除！

阅读全部