1、安装依赖
npm install -D compression-webpack-plugin
2、配置vue.config.js
const CompressionWebpackPlugin = require('compression-webpack-plugin');
module.exports = {
configureWebpack: {
plugins: [
new CompressionWebpackPlugin({
// [file] 会被替换成原始资源。[path] 会被替换成原始资源的路径,[query] 会被替换成查询字符串
filename: '[path][base].gz',
// 压缩成gzip
algorithm: 'gzip',
// 使用正则给匹配到的文件做压缩,这里是给html、css、js以及字体做压缩
test: /\.js$|\.css$|\.html$|\.ttf$|\.eot$|\.woff$/,
// 只有大小大于该值的资源会被处理。单位是 bytes。默认值是 0。
threshold: 10240,
// 只有压缩率小于这个值的资源才会被处理。默认值是 0.8。
minRatio: 0.8
})
]
}
}