在给vue.config.js配置gzip压缩时出现:Conflict: Multiple assets emit different content to the same filename static/js/.gz

1)问题查找:

上网查找是版本升级了,当前配置与版本不同

// 当前插件版本
    "compression-webpack-plugin": "^6.1.1",
    
// 在vue.config.js的配置
    config.plugins.push(
      new CompressionWebpackPlugin({
        filename: info => {
          return `${info.path}.gz${info.query}` // ---------------此处有问题
        },
        algorithm: 'gzip',
        threshold: 10240, // 只有大小大于该值的资源会被处理 10240
        test: new RegExp('\\.(' + ['js'].join('|') + ')$'),
        minRatio: 0.8, // 只有压缩率小于这个值的资源才会被处理
        deleteOriginalAssets: false // 删除原文件
      })
    )

2)解决问题

filename: '[path][base].gz',// 设置成这样就行了
Logo

前往低代码交流专区

更多推荐