在前端开发中，日志是一个非常重要的调试工具，能够帮助我们快速定位问题所在，提高开发效率。npm 包 relog 是一个轻量级的 JavaScript 日志记录器。它提供了易用的 API 以及丰富的功能，能够满足绝大部分前端开发者的需求。本文将介绍如何使用 npm 包 relog。
安装
我们可以使用 npm 进行安装，命令如下：
npm install --save relog
安装成功后，你就可以在你的项目中使用 relog 了。
使用 relog
使用 relog 非常简单，首先在你的项目中引入 relog：
const relog = require('relog');接下来，你可以使用 relog.log、relog.info 等函数来输出日志：
relog.log('Hello, world!');
relog.info('This is an info message.');
relog.warn('This is a warning message.');
relog.error('This is an error message.');
relog.debug('This is a debug message.');输出结果如下：
[2021-08-18 09:21:20.637] [LOG] Hello, world! [2021-08-18 09:21:20.647] [INFO] This is an info message. [2021-08-18 09:21:20.648] [WARN] This is a warning message. [2021-08-18 09:21:20.649] [ERROR] This is an error message. [2021-08-18 09:21:20.649] [DEBUG] This is a debug message.
relog 提供了五个日志级别，分别为 log、info、warn、error 和 debug。每个级别所对应的函数都可以接收任意数量的参数，并将它们转化为字符串输出。符合级别要求的日志会输出到 console 和文件中，文件默认保存在项目根目录下的 logs 文件夹中。
你还可以使用 relog.tag 函数为每个日志添加一个标签，便于后续的筛选和过滤。例如：
relog.tag('tag1').log('Hello, world!');
relog.tag('tag2').log('Hello, world again!');输出结果如下：
[2021-08-18 09:23:17.150] [LOG] [tag1] Hello, world! [2021-08-18 09:23:17.151] [LOG] [tag2] Hello, world again!
relog.tag 函数只影响接下来的一条日志，后续的日志将不再有标签。
格式化
relog 还提供了格式化输出的功能。你可以使用 %s、%d、%j 等占位符来代替字符串、数字、JSON 对象等。例如：
-- -------------------- ---- ------- ----- ---- - -------- ----- --- - --- ----- ---- - - ---- ------ ---- --- -- --- -- ------------- ---- -- --- ---- -- ----- ------ ----- ----- ---------------- ---- ------
输出结果如下：
[2021-08-18 09:26:09.670] [LOG] My name is Alice, I'm 18 years old.
[2021-08-18 09:26:09.671] [LOG] Data: {"foo":"bar","baz":[1,2,3]}更多占位符请参考 Node.js 官方文档。
日志级别控制
有时候我们只需要输出特定级别的日志，这时可以使用 relog.setLevel 函数设置输出的日志级别。例如：
relog.setLevel('warn');
relog.log('This is a log message.'); // 不会输出
relog.info('This is an info message.'); // 不会输出
relog.warn('This is a warning message.'); // 输出
relog.error('This is an error message.'); // 输出relog.setLevel 函数只影响接下来的日志输出，之前的日志不受影响。
自定义输出位置
除了默认输出到 console 和文件外，我们还可以自定义输出位置。relog.setOutput 函数可以设置输出函数，它接收一个字符串参数，字符串可以是 'console'、'file' 或一个自定义的函数。
例如，我们可以将日志输出到 div 元素中：
-- -------------------- ---- ------- ----- --------- - -------------------------------------- -------- ---------------- -------- - ----- - - ---------------------------- ------------- - ----------- ------------ ------------------------- - --------------------------- ----------------- --------- -- --- --- ---
总结
本文介绍了如何使用 npm 包 relog 记录日志。我们可以通过 relog.log、relog.info 等函数输出日志，使用 relog.tag 函数添加标签，使用占位符格式化输出，通过 relog.setLevel 函数控制输出级别，使用 relog.setOutput 函数自定义输出位置。relog 功能丰富，快速上手，非常适合前端开发中的调试和日志记录。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067355890c4f7277583a79