在反应生产构建中删除控制台日志语句？

Question

我有一个基本的 React 应用程序（使用create React app创建）
我已经浏览了一些相关链接，例如 babel 插件安装 npm i babel-plugin-transform-remove-console --save 使用 babel 插件删除控制台日志的指南

 {
  "env": {
    "production": {
      "plugins": ["transform-remove-console"]
    }
  }
}

我已将上述配置包含到 babel.rc 文件中，但它仍然不能解决我的问题。我可以在生产版本中看到日志。请让我知道我哪里出错了。

Answer 1

src/App.js您可以在应用程序的根组件中尝试此操作：

if (process.env.NODE_ENV === "production")
  console.log = function no_console() {};

就在 之前return。

编辑：感谢@Youngmu Yang 的更正。这很奇怪，但就我而言，是我之前放置的 .env，完整的答案应该是：

if (process.env['The_env_of_your_project_that_defines_environment'] === "production")
  console.log = function no_console() {};