优雅的log

129 阅读1分钟

前言

开发过程中我们会大量用到 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 啦~