React App，从生产构建中删除调试代码

Question

我正在 npm 环境中创建一个 React 应用程序。

在我的 JS 代码中，许多 JS 文件中都有这样的内容：

...
let url = loc.protocol + "//" + loc.hostname + (loc.port ? ":" + loc.port : "") + "/" + baseUrl;
if (DEBUG) {
  url = "http://myTestPlatform.com/webapp";
}
...

当我在我的开发环境中运行我的 WebApp（使用 npm start）时，我希望启用调试代码，但是当我创建生产构建（使用 npm build）时，我想删除所有调试代码。

我该怎么做？ 谢谢，

塞巴斯蒂安

Answer 1

在您的 app.js（或主服务器文件）中，您可以在创建任何路由之前设置您的日志中间件，该中间件仅在您未投入生产时使用。这将是您唯一需要这样做的时候。

'use strict'

const express = require('express');
const app = express();
const morgan = require('morgan') // or your logging middleware

if (process.env.NODE_ENV !== 'production') {
  // Logging middleware (non-production only)
  app.use(morgan('dev'));
}  

...

module.exports = app;