VUE 配置compression-webpack-plugin打包壓縮js，css

1.安裝compression-webpack-plugin

npm install --save-dev compression-webpack-plugin

2.vue.config.js配置

const CompressionPlugin = require("compression-webpack-plugin");
const IS_PROD =["production","prod"].includes(process.env.NODE_ENV);


module.exports = {
  chainWebpack: (config) => {
    // 開啟js、css壓縮
    if (IS_PROD) {
      config.plugin("compressionPlugin").use(
        new CompressionPlugin({
          test: /\.js$|\.html$|\.css/, // 匹配文件名
          threshold: 10240, // 對超過10k的數據壓縮
          deleteOriginalAssets: false, // 不刪除源文件
        })
      );
    }
  }
}

3.run build 報錯

 ERROR  TypeError: Cannot read property 'tapPromise' of undefined
TypeError: Cannot read property 'tapPromise' of undefined

排查原因是版本太高。執行以下命令

npm uninstall compression-webpack-plugin
npm i compression-webpack-plugin@5.0.1

PS:我在另一個項目配置，報出了其他錯誤，排查原因是webpack版本的問題，卸載當前webpack版本 安裝4.0.0版本解決