Compression Plugin Invalid Options options should NOT have additional properties

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.降低版本

发布了66 篇原创文章 · 获赞 13 · 访问量 6万+

猜你喜欢

转载自blog.csdn.net/haoyanyu_/article/details/100075905