项目优化之关于gzip压缩的问题
a.本地打包的时候产生gzip压缩文件
b.nginx 服务器配置 开启gzip压缩
Ⅰ vue.config.js中配置gzip:
const CompressionPlugin = require('compression-webpack-plugin') //gzip 压缩的插件
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; //要进行压缩的文件类型
// 配置gzip
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
config.plugins.push(new CompressionPlugin({
algorithm: 'gzip',
test: productionGzipExtensions,
threshold: 10240,
minRatio: 0.8
})
)
}
}
注意:修改了vue.config.js中的配置后,一定要记得重新启动或重新打包(npm run serve/npm run build)
Ⅱ nginx 中开启gzip压缩
gzip on; // 开启gzip压缩
gzip_disable "msie6"; // 微软IE6 低版本不适用gzip
gzip_static on; // 默认读取本地gzip打包压缩文件
步骤：
1. 连接远程服务器
2. 跳转
cd /etc/nginx
vim nginx.config
3. insert
gzip on;
gzip_disable "msie6";
gzip_static on;
4. nginx -s reload 重启nginx
