前端开发完毕部署到线上是,执行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;
}