console只在开发阶段打印，生产环境自动屏蔽

---

问题描述

在项目的开发中，由于开发过程中，要用console.log()来进行功能的测试，但是往往很多打印的代码，程序员会忘记删除或者注释，导致生产的浏览器在运行时，在控制台打印超多数据，只是不友好的。

---

解决方案

1. 准备工作

• 安装： npm install -S babel-plugin-transform-remove-console

• 这里我使用babel.config.js配置，从而清除掉生产环境中console.log()语句。

2. babel.config.js

// 这是项目发布阶段需要用到的 babel 插件
const prodPlugins = []
if (process.env.NODE_ENV === 'production') {
  prodPlugins.push('transform-remove-console')
}

module.exports = {
  plugins: [
    // 发布产品时候的插件数组
    // 使用展开运算符
    ...prodPlugins
  ]
}