vue cli3 使用gzip压缩

安装npm install compression-webpack-plugin --save-dev
在vue.config.js里面添加
const CompressionWebpackPlugin = require(‘compression-webpack-plugin’);
// 定义压缩文件类型
const productionGzipExtensions = [‘js’, ‘css’]

module.exports = {
publicPath: ‘./’,
configureWebpack: {
plugins: [
new CompressionWebpackPlugin({
filename: ‘[path].gz[query]’,
algorithm: ‘gzip’,
test: new RegExp(’\.(’ + productionGzipExtensions.join(’|’) + ‘)$’),//匹配文件名
threshold: 10240,//对10K以上的数据进行压缩
minRatio: 0.8,
deleteOriginalAssets:false,//是否删除源文件
})
]
}

}
这个时候你去打包,报错的话:
在package.json里面找到compression-webpack-plugin改成 “compression-webpack-plugin”: "^1.1.11"就可以了。

Logo

前往低代码交流专区

更多推荐