nginx 中开启 gzip 的两种方式

1. 在 nginx 中实时用 gzip 压缩文件输出，利用 nginx 中的模块 ngx_http_gzip_module， 消耗 CPU 来做压缩，nginx配置如下：

http{
        gzip on; 
        gzip_min_length 1k;
        gzip_buffers 4 16k;
        gzip_comp_level 8;
        gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript;
        gzip_vary on;
        gzip_disable "MSIE [1-6]\.";
}

2. 事先用 gzip 压缩好文件（.gz）让 nginx 根据请求来自己选择 .gz 文件输出，利用 nginx 中的模块 http_gzip_static_module，不消耗 CPU 资源，nginx配置只需要在上述里面加入一行即可，如下：

gzip_static on;

我们要记得在 nginx 里面添加上 http_gzip_static_module 模块

采用第二种方式,不消耗cpu, 但需要在构建时编译好:

const CompressionPlugin = require('compression-webpack-plugin')  // @1.1.12

configureWebpack: config => {
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [
          new CompressionPlugin({
            algorithm: 'gzip',
            test: /\.(js|css)$/,// 匹配文件名
            threshold: 10240, // 对超过10k的数据压缩
            deleteOriginalAssets: false, // 不删除源文件
            minRatio: 0.8 // 压缩比
          })
        ]
      }
    }
  }