给我的项目增加gzip打包,vue cli版本是4.5.0,结果报以下错误:
1、首先:yarn add compression-webpack-plugin -D(给我安装的是7.1.0)
2、然后修改vue.config.js
const CompressionWebpackPlugin = require('compression-webpack-plugin');
configureWebpack: {
plugins: [
new CompressionWebpackPlugin({
filename: '[path].gz[query]',
algorithm: 'gzip',
test: /\.(js|css)(\?.*)?$/i,
threshold: 10240, // 对超过10k的数据进行压缩
minRatio: 0.8, // 只有压缩率小于这个值的资源才会被处理
deleteOriginalAssets: false, // 删除原文件
}),
],
},
3、最后执行npm run build
4、然后出错……
TypeError: Cannot read property 'tapPromise' of undefined
第一反应是删除node_modules包重新安装,然并卵
然后我安装5.0.0就解决了这个问题