三行代碼隱藏所有console.log

我們基本上使用console.log()在JS項目中檢查代碼是否正常工作，或者debugger代碼中的錯誤或問題。沒有日誌很費時，也很難找到問題。

但是這些日誌只供開發人員使用，您不想向最終用戶顯示這些日誌，也就是線上環境我們必須刪除console.log()語句或對其進行註釋。

有一個可用於從項目源代碼中刪除console.log語句的插件，稱爲babel-plugin-transform-remove-console。

用法：在.babelrc文件中添加插件名。

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

但是除了使用插件的方式來移除代碼中的console，我們還可以自己重寫log函數使輸出變得不可見。

if (env === 'production') {
    console.log = function () {};
}

在這裏，我們用新的函數覆蓋了默認的console.log函數，而該函數沒有任何作用。在這裏，我們添加了環境檢查以覆蓋console.log功能。如果您沒有環境變量，則可以直接執行函數。

console.log = function () {};

我在我的項目中使用這個來隱藏console.log控制檯輸出。如果有人知道任何其他方法或使用此方法的任何缺點。請留下你的評論。