前言
開發(fā)過程中我們會大量用到 console.log 來打印數(shù)據(jù)信息型宙,debug等,
但每次都要輸入很長一串console.log妆兑, 或者項目上線錢還得手動清除所有的console.log, 極其不便
簡單的做法是:
- 1 在 webpack 項目的 index.html 文件中定義一個全局的 log 函數(shù) , 統(tǒng)一控制日志的打印搁嗓。
\\ index.html
let debug = ture
const log = debug ? console.log.bind(console腺逛, '** log **'): function() {}
-
2 設(shè)置模版,方便使用屉来, 以 webstorm 為例
File -> Settings -> Editor -> Live Template
log("$MODULE_REF$", $MODULE_REF$);
自定義log.gif
以上, 就可以在項目任何位置優(yōu)雅的 log 啦~