webpack專案釋出階段移除所有console

使用外掛 babel-plugin-transform-remove-console

1. 安裝

npm install babel-plugin-transform-remove-console --save-dev

2. 使用

// babel.config.js

const productPlugins = []  // 專案釋出階段所需要的 babel 外掛

if (process.env.NODE_ENV === 'production') { // 釋出模式下使用外掛
  productPlugins.push('transform-remove-console')
}

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk'
      }
    ],
    ...productPlugins
  ]
}