vue cli版本:4.5.13
安装:
npm i compression-webpack-plugin@5.0.1 -D
注:版本过高会报错 TypeError: Cannot read property 'tapPromise' of undefined
vue.config.js
const CompressionPlugin = require('compression-webpack-plugin');
module.exports = {
configureWebpack: config => {
if (process.env.NODE_ENV === 'production') {
config.plugins.push(
new CompressionPlugin({
test: /\.(js|css)$/,
threshold: 10240, // 小于10KB就不进行压缩
minRatio: 0.8, // 压缩比率
deleteOriginalAssets: true // 删除源文件
})
)
}
}
};
nginx配置:
location ~ .*\.(js|css)$ {
gzip on; # 开启gzip
gzip_static on; # 开启后查找.gz结尾的文