在前端开发中，经常需要监听文件的变化，以便在发生变化时自动重编译或刷新页面。这时候就需要使用一个文件监听库。其中，@joeybaker/chokidar 是一个非常优秀的 npm 包，可以实现高效且稳定的文件监听功能。本文将介绍如何使用 @joeybaker/chokidar，让你能快速上手这个工具，并在实际开发中运用它。
安装
在开始使用 @joeybaker/chokidar 之前，我们需要先安装它。在命令行工具中输入以下命令：
--- ------- -------------------
监听指定路径下的文件
首先，我们来看一个最基础的示例：监听指定路径下的所有文件的变化。以下代码演示了如何监听当前目录下所有文件的变化：
----- -------- - ------------------------------- ----- ------- - -------------------- -------------------- ------ -- - ------------------- ----- ---- ---- ---------- ---
在上面的代码中，我们使用路径 '.' 来监听当前目录下所有文件的变化。通过 watcher.on('change') 事件监听器，当任何文件发生变化时，都将在控制台中输出一个信息，告诉我们哪些文件发生了变化。
监听指定路径下的特定文件类型
如果我们只希望监听指定类型的文件的变化，比如只监听 .js 和 .css 文件的变化，可以使用 glob pattern 参数。以下代码演示了如何使用 glob pattern 来监听当前目录下面的所有 .js 和 .css 文件的变化：
----- -------- - ------------------------------- ----- ------- - ------------------- - -------- ---------------- ----------- ----- ----------- ----- --------- ---- --------------- ---- ----------------- ----- ------ --- ------- ----- ---------------- ------ --------------- ----- ---- ---- ------------ ----- ----------- ----- ------ --- -------------- ----- -------- ------------- --- ----------------- ------ -- - ------------------- ----- ---- ---- -------- --- -------------------- ------ -- - ------------------- ----- ---- ---- ---------- --- -------------------- ------ -- - ------------------- ----- ---- ---- ---------- ---
在上面的代码中，我们配置了一个 chokidar.watch 监听器，通过 ignored 参数来排除掉目录中的所有隐藏文件。同时，我们还可以通过配置文件时的其他参数来实现监听特定文件类型，比如使用 ignored 参数的 *.!(js|css) 配置，忽略掉非 .js 和 .css 文件。
单元测试
如果我们要对代码进行单元测试，通常需要在代码发生变化时自动重新运行单元测试。以下代码演示了如何同时监听多个路径，在任何路径下的文件发生变化时都自动运行单元测试：
----- -------- - ------------------------------- ----- ----- - ------------------------------- ----- ---- - ------------ ------- --------- ----- ------- - --------------------------- ------------------- -------------------- -- -- - ------------ ---- - ------------ ------- --------- ---
在上面的代码中，我们监听了 src/*.js 和 test/*.test.js 两个路径，并在任何文件发生变化时重新运行 npm run test 命令。需要注意的是，在重新运行命令时，我们必须首先杀死之前运行中的进程，否则操作系统可能不允许我们同时运行多个相同的测试进程。
总结
@joeybaker/chokidar 是一个非常高效和稳定的文件监听工具。本文通过示例代码的讲解，介绍了如何使用这个工具来监听特定的文件类型，实现代码单元测试自动化，以及一些其他的实际应用场景。希望这篇教程能够帮助大家更好地学习和使用 @joeybaker/chokidar。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066bc3967216659e244274