React App，從生產版本中刪除調試代碼

Question

我正在npm環境中創建一個React App。

在我的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;