webpack开启gzip压缩

我们使用 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//只有压缩率比这个值小的资源才会被处理})]