前言
开发过程中我们会大量用到 console.log 来打印数据信息,debug等,
但每次都要输入很长一串console.log, 或者项目上线钱还得手动清除所有的console.log, 极其不便
简单的做法是:
- 1 在 webpack 项目的 index.html 文件中定义一个全局的 log 函数 , 统一控制日志的打印。
\\ index.html
let debug = ture
const log = debug ? console.log.bind(console, '** log **'): function() {}
-
2 设置模版,方便使用, 以 webstorm 为例
File -> Settings -> Editor -> Live Template
log("$MODULE_REF$", $MODULE_REF$);
以上, 就可以在项目任何位置优雅的 log 啦~