javascript - 在 react 生产构建中删除控制台日志语句？

Question

我有一个基本的 react 应用程序(使用创建 react 应用程序创建)
我已经浏览了一些相关链接，例如 babel 插件安装npm 我 babel-plugin-transform-remove-console --save Guide to remove console log using babel plugin

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

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

Answer 1

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

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

就在返回之前。

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

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