[JavaScript知识库]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 compression-webpack-plugin@6.1.1 -D
npm i webpack@4.44.2 webpack-cli@4.2.0 -D