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