Vue-cli3 开启gzip压缩

开启 gzip 压缩

gzip 是 GNUzip 的缩写，最早用于 UNIX 系统的文件压缩。HTTP 协议上的 gzip 编码是一种用来改进 web 应用程序性能的技术，web 服务器和客户端（浏览器）必须共同支持 gzip。目前主流的浏览器，Chrome，firefox，IE等都支持该协议。常见的服务器如 Apache，Nginx，IIS 同样支持，gzip 压缩效率非常高，通常可以达到 70% 的压缩率，也就是说，如果你的网页有 30K，压缩之后就变成了 9K 左右

安装依赖:

cnpm i -D compression-webpack-plugin --save

在vue.congfig.js中添加代码逻辑：

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

东拼西凑看看能不能帮助你们  主要是优化项目