compression-webpack-plugin GZip壓縮報錯

compression-webpack-plugin GZip壓縮報錯

compression-webpack-plugin用與在打包時直接打出gzip後的文件，減輕服務器的壓力 最近新開了項目，做爲複製粘貼工程師部分代碼固然是複製以前的項目的了，然鵝··· 報錯了···

萬能百度了白天，都是說降級compression-webpack-plugin版本到1.x，複製粘貼工程師的自我修養告訴我不能這樣，就仔細看了看compression-webpack-plugin的Readme，發現這貨2.x版本將1.x版本的配置項asset更換成了filename

更改前

webpackConfig.plugins.push(
    new CompressionWebpackPlugin({
      asset: '[path].gz[query]',
      algorithm: 'gzip',
      test: new RegExp(
        '\\.(' + config.build.productionGzipExtensions.join('|') + ')$'
      ),
      threshold: 10240,
      minRatio: 0.8
    })
  )
複製代碼

更改後

webpackConfig.plugins.push(
    new CompressionWebpackPlugin({
      filename: '[path].gz[query]',
      algorithm: 'gzip',
      test: new RegExp(
        '\\.(' + config.build.productionGzipExtensions.join('|') + ')$'
      ),
      threshold: 10240,
      minRatio: 0.8
    })
  )
複製代碼

Build complete.

結語

仍是好好看文檔吧···複製粘貼工程師也是要看文檔的···