生产环境去除所有console

198 阅读1分钟

vue项目生产环境去除所有console.log()

1 安装插件

yarn add babel-plugin-transform-remove-console

安装完成后项目目录会新增一个 babel.config.js 的文件,在此文件中新增 transform-remove-console 即可,如下图:

image.png

2 添加个人配置保留一些错误提示

// 所有生产环境
const prodPlugin = []

if (process.env.NODE_ENV === 'production') {
  
// 如果是生产环境,则自动清理掉打印的日志,但保留error 与 warn
  prodPlugin.push([
    'transform-remove-console',
    {
      // 保留 console.error 与 console.warn
      exclude: ['error', 'warn']
    }
  ])
}

module.exports = {
  plugins: [
    ...prodPlugin
  ],//到这里就可以了
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  'env': {
    'development': {
      'plugins': ['dynamic-import-node']
    }
  }
}