如何配置:
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