vue项目中线上环境去掉console.log

  • 安装插件
npm i babel-plugin-transform-remove-console --save-dev
  • 然后在babel.config.js中添加判断
const prodPlugin = []

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

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  plugins: [
    // 发布产品时候统一去除log
    ...prodPlugins
  ]
}

你可能感兴趣的:(vue项目中线上环境去掉console.log)