上线时移除所有的console语句

vue项目build，上线时移除所有的console语句

---

 

1.安装插件  

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

2.打开babel.config.js 文件在plugins 中添加

代码如下（示例）：

module.exports = {

         presets: [ '@vue/app' ],

         plugins: ['transform-remove-console']

}

babel.config.js 这种方式是全局共享的，不管是项目的开发阶段还是发布阶段，都会生效。

解决办法就是明确告诉此插件当前是开发环境还是生产环境

 

3.判断生产环境

可以通过 --mode 后面的值才判断是开发阶段还是生产发布阶段了。

const prodPlugins = [] 

// 如果是发布模式则启用的插件

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

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

  }

module.exports = {

     presets: [ '@vue/app' ],

     plugins: [ ...prodPlugins ]

    }

 

---