gzip压缩

在前端开发完页面之后，我们通常，需要将文件上传到服务器，服务端，但是在本地进行打包后，会形成一个很大的文件包，可以配置gzip进行上传到nginx服务器；

（一）：在进行npm run build时，比如vue,可以在vue.config.js里面配置如下：

引入以下插件：const CompressionPlugin = require('compression-webpack-plugin') //gzip 压缩的插件

const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i; //要进行压缩的文件类型

configureWebpack: config => {

    if (process.env.NODE_ENV === 'production') {

      config.plugins.push(new CompressionPlugin({

          algorithm: 'gzip',

          test: productionGzipExtensions,

          threshold: 10240,

          minRatio: 0.8

        })

      )

    }

  }

（二）服务端，nginx下面配置选择/etc/nginx/nginx.conf文件，用vim命令进入编辑器，修改配置设置gzip为on,即可！