打包上线去掉console.log

安装插件

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

添加配置

安装babel-plugin-transform-remove-console开发依赖，然后在项目的babel.config.js的plugin中添加节点。再build就不会有console警告了。
如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。

注意：我的系统环境变量名为ENV,你需要给自己的匹配一致

module.exports = {

  presets: [

   '@vue/cli-plugin-babel/preset'

  ],

  plugins: [

   'transform-remove-console'

  ]

}

2.我们的需求是开发环境中显示console，打包上线不显示console

const proPlugins = []// 开发环境 不做操作

// // 生产环境，去掉console

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

  proPlugins.push('transform-remove-console')

}

module.exports = {

  presets: [

   '@vue/cli-plugin-babel/preset'

  ],

  plugins: [

    ...proPlugins

  ]

}