使用React調試日志記錄

Question

我想：

1. 將調試日志語句插入到我希望能夠在開發期間打開和關閉的代碼中; 和
2. 然后將這些陳述完全剝離出來。

要完成剝離日志以進行生產，我已經看到React項目本身使用了這個習慣用法：

if ("production" !== process.env.NODE_ENV) {
    // warn or log or whatever
}

通過將process.env.NODE_ENV設置為"production"來編譯模塊，然后通過像UglifyJS這樣的死代碼消除器運行bundle，日志將被刪除為無法訪問。

這很好，但有更靈活的解決方案嗎？ 我在想類似於debug() Node模塊，或者實際上更強大一些，比如Java日志API。

我想知道為什么我找不到一個將("production" !== process.env.NODE_ENV)方法與debug()結合起來的模塊。

Answer 1

var debug = function(msg) {
    if ("production" !== process.env.NODE_ENV) console.log(msg);
}
module.exports = debug;

用法：

var debug = require("debug");
debug("some logs");

對不起，我忍不住了;）。 但實際上，有很多JS日志框架（盡管我真的認為上面的解決方案很簡單，你不需要過於復雜的事情）。

Answer 2

來自Java世界，我很高興看到有一個'log4javascript'項目。

http://log4javascript.org/

它有一些很酷的東西，包括具有一些功能的日志控制台......