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

以上关于vue使用gzip打包报 Error: Rule can only have one resource source错误的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。