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

「点点赞赏,手留余香」

0

给作者打赏,鼓励TA抓紧创作!

微信微信 支付宝支付宝

还没有人赞赏,快来当第一个赞赏的人吧!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
码云笔记 » vue使用gzip打包报 Error: Rule can only have one resource source错误

发表回复