vue 打包体积大如何解决？开启 gzip 压缩_vue 打包gzip对多大的进行压缩比较好

nginx 配制

# 开启gzip
gzip on;
# 启用gzip压缩的最小文件，小于设置值的文件将不会压缩
gzip_min_length 1k;
# 设置压缩所需要的缓冲区大小
gzip_buffers 16 64k;
# 设置gzip压缩针对的HTTP协议版本
gzip_http_version 1.1;
# gzip 压缩级别，1-9，数字越大压缩的越好，也越占用CPU时间
gzip_comp_level 3;
gzip_types text/plain application/x-javascript application/javascript text/javascript text/css application/xml application/x-httpd-php image/jpeg image/gif image/png;
# 是否在http header中添加Vary: Accept-Encoding，建议开启       
gzip_vary on;

将上面的 配制 添加到 server 上面 重启 nginx

vue 配制gzip

1、安装 compression-webpack-plugin

npm install --save-dev compression-webpack-plugin@1.1.12    安装最新版本 会出错，看网友有的是安装 1.1.12 版本 确实 可以成功！感谢

2、修改productionGzip 为true /config/index.js 下

    productionGzip: false,
    productionGzipExtensions: ['js', 'css'],

3、修改 build/webpack.prod.conf.js 文件 为 filename

4、npm run build 更新 服务器

最后 访问下 站点 可以看到 gzip 成功

PS：如果你的浏览器没有显示GZ ， 需要设置一下浏览器

通过CDN引入比较大的包：

https://blog.csdn.net/Xl4277/article/details/109218012?spm=1001.2014.3001.5501