webpack打包时想要压缩js和css文件, 按照以前的项目拷贝了如下配置
new CompressionWebpackPlugin({
asset: '[path].gz[query]',
algorithm: 'gzip',
test: new RegExp(
'\\.(js|css)$'
),
threshold: 10240,
minRatio: 0.8
})
但是运行打包命令时报错如标题, 配置项不对
查看package.json文件里显示安装版本为3.0.0,
查看npm文档发现,3.0.0版本配置属性如下:
new CompressionPlugin({
filename: '[path].gz[query]',
algorithm: 'brotliCompress', //压缩后缀
test: /\.(js|css|html|svg)$/,
//include:'',
//exclude:'',
compressionOptions: { level: 11 }, //default {level:9}, 如果algorithm是个函数,默认是{}
threshold: 10240,
minRatio: 0.8,
deleteOriginalAssets: false,
}),
所以解决方法有两个
1.filename代替原本的asset属性
2.降低版本