项目优化之关于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