vue-打包-去除console

1. 在 vue.config.js 文件中設置

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

2. 使用插件 babel-plugin-transform-remove-console

安裝插件

yarn add babel-plugin-transform-remove-console —D

在 babel.config.js 中配置

// 所有生產環境
const prodPlugin = []

if (process.env.NODE_ENV === 'production') {

  // 如果是生產環境，則自動清理掉打印的日志，但保留error 與 warn
  prodPlugin.push([
    'transform-remove-console',
    {
      // 不清理的內容
      exclude: ['error', 'warn'] // 保留 console.error 與 console.warn
    }
  ])
}


module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    ...prodPlugin
  ]
}