在前端项目中，我们通常需要对文件进行监视，当文件发生变化时执行相应的操作。这时候，我们可以使用 npm 包 gaze。
安装
gaze 可以通过 npm 进行安装：
--- ------- ----
监视文件
使用 gaze 监视文件很简单，只需要指定要监视的文件或目录，并定义回调函数即可。下面是一个例子：
----- ---- - ----------------
-- -- -- - --- --
---------------- ------------ ------------- -------- -
-- --------------
-------------- --------------- --------- -
-------------------- - - --- - - -------
---
-- ----
-- ----------------
---以上代码会监视所有的 .js 和 .css 文件，当文件被添加、删除或更改时，会输出相应的信息。其中，this 指向 gaze 创建的 watcher 对象。
注意，gaze 默认不会监视新创建的文件，如果需要监视新创建的文件，需要设置 watchOptions，如下所示：
---------------- ------------ - ------------- - ---- -------------- -------- ----------------- - -- ---------- -------
上面的代码中，cwd 是当前工作目录，ignored 表示忽略掉 node_modules 目录。
示例
下面是一个完整的示例，监视一个目录下所有 .js 文件，并在文件发生变化时打印出文件名：
----- ---- - ----------------
------------------- ------------- -------- -
-------------- --------------- --------- -
-------------------- - - --- - - -------
---
---总结
使用 gaze 可以轻松地实现文件监视功能，它可以监听多个文件或目录，并在文件发生变化时执行相应的操作。需要注意的是，默认情况下 gaze 不会监视新创建的文件，需要设置 watchOptions 来解决这个问题。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/49740