webpack开启gzip压缩打包，需要服务器端nigx配置

我们使用 compression-webpack-plugin 插件进行压缩。

npm install compression-webpack-plugin --save-dev

成功之后，在vue-config.js里配置

const CompressionPlugin = require("compression-webpack-plugin")

plugins:[

new CompressionPlugin({

 asset: '[path].gz[query]', //目标资源名称。[file] 会被替换成原资源。[path] 会被替换成原资源路径，[query] 替换成原查询字符串

   algorithm: 'gzip',//算法

   test: new RegExp(

     '\\.(js|css)$'  //压缩 js 与 css

   ),

   threshold: 10240,//只处理比这个值大的资源。按字节计算

   minRatio: 0.8//只有压缩率比这个值小的资源才会被处理

 })

]