简介
hey-watcher 是一个非常实用的 npm 包，它可以帮助开发者监控指定文件的变化，并在变化发生时执行指定的回调函数。采用 hey-watcher，我们不必手动的反复检测文件的变化，从而提高了开发效率。
安装
使用 npm 命令进行安装：
- --- ------- ----------- ----------
使用方式
在使用之前，需要先导入 hey-watcher：
----- ---------- - -----------------------
然后，我们可以使用 heyWatcher 中的 watchFiles 方法进行文件变化的监控。watchFiles 方法的语法如下：
---------------------------------- ------------ -----------
该方法接受三个参数，分别是
filePaths：数组类型，指定需要监控的文件的路径；callbacks：数组类型，指定在监控到文件变化时需要执行的回调函数；options：可选的配置项。
下面是一个实例：
----- ---------- - ----------------------- ----- --------- - -------------- ---------------- ----- --------- - - -- -- --------------------- --- ----------- -- -- ----------------------- --- ---------- -- ----- ------- - --- -------------------------------- ---------- ---------
在该示例中，我们指定了需要监控的两个文件（index.js 和 index.html），并指定了监控到变化时需要执行的两个回调函数。在实际使用时，我们可以根据实际需求对 filePaths 和 callbacks 进行调整。
配置项
options 参数可以帮助我们对 hey-watcher 的行为进行细粒度的控制。下面是支持的配置项列表：
interval：轮询间隔，单位为毫秒；debounce：函数去抖动时间，单位为毫秒；usePolling：是否开启轮询模式；ignoreInitial：是否忽略初始化变化；atomic：是否原子化执行回调函数；followSymLinks：是否跟随链接进行监控；useFsEvents：是否开启 FSEvents（macOS 上支持）；useWatchman：是否开启 Watchman（适用于 macOS 和 Linux）。
示例代码
下面是一个完整的示例代码，它可以监控指定的文件变化，并在变化发生时打印提示信息：
----- ---------- - ----------------------- ----- --------- - -------------- ---------------- ----- --------- - - ------ -- -------------------- --- ----------- ------ -- -------------------- --- ---------- -- ----- ------- - - --------- ----- --------------- ---- -- -------------------------------- ---------- ---------
总结
hey-watcher 是一个非常实用的 npm 包，我们可以利用它来监控指定文件的变化，提高开发效率。在实际使用中，我们可以根据实际需求对 filePaths 和 callbacks 进行调整，并可以利用 options 来对 hey-watcher 的行为进行细粒度的控制。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056bd881e8991b448e57f1