Vue Cli4 terser 配置

terser配置 terser-webpack-plugin

如果使用chainWebpack自定義了內部規則，請注意，webpack-chain已從v4更新到v6，最明顯的變化是minimizer 配置

cli3 配置方式

const TerserPlugin = require('terser-webpack-plugin')
module.exports = {
  chainWebpack: (config) => {
    config.optimization.minimizer([
      new TerserPlugin({ terserOptions: { compress: { drop_console: true } } })
    ])
  }
}

詳細如下

module.exports = {
  optimization: {
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          compress: {
              warnings: false,
              drop_console: true,
              drop_debugger: true,
              pure_funcs: ['console.log']
          },
        },
      }),
    ],
  },
};

cli4 配置方式

module.exports = {
  chainWebpack: (config) => {
    config.optimization.minimizer('terser').tap((args) => {
      args[0].terserOptions.compress.drop_console = true
      return args
    })
  }
}

https://cli.vuejs.org/migrating-from-v3/#vue-cli-service