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

1. 如何配置
2. 问题
3. 原因分析
4. 解决方案

如何配置

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