vue使用gzip打包报 Error: Rule can only have one resource source错误

如何配置

npm i compression-webpack-plugin -D安装插件，在vue.config.js里添加以下配置（CompressionPlugin配置选项具体看个人需求）

configureWebpack: {
    plugins: [
	new CompressionPlugin({
	    test: /\.(js|css)?$/i, // 哪些文件要压缩
	    algorithm: 'gzip',　// 使用gzip压缩
	})
    ]
}

问题

给vue项目进行gzip压缩时，出现Error: Rule can only have one resource source (provided resource and test + include + exclude).

原因分析

package.json中webpack版本冲突问题

解决方案

npm i [email protected] -D

npm i [email protected] [email protected] -D