在前端开发中，我们经常需要通过监听文件的变化来实时编译、更新页面等操作。但是有些文件，比如 node_modules 目录或者一些代码生成的临时文件，我们并不想监听它们的变化，因为这样会浪费系统资源并且降低开发效率。那么如何忽略这些文件的变化呢？这就需要用到 Ignoring Watcher 这个 NPM 包了。
什么是 Ignoring Watcher？
Ignoring Watcher 是一个基于 fs.watch 的轻量级工具包，可以快速、方便地配置文件和目录的排除规则，帮助开发者忽略某些文件和目录的变化。
安装
你可以使用以下命令进行全局安装：
npm install -g ignoring-watcher
如果你要在项目中使用，可以使用以下命令进行本地安装：
npm install --save-dev ignoring-watcher
使用方法
基础用法
Ignoring Watcher 的基本用法非常简单。只需要在命令行中输入 iw 命令，然后在后面加上要监听的文件或目录即可。例如，要监听当前目录下的所有 js 文件，可以使用以下命令：
iw *.js
排除文件或目录
除了监听指定的文件或目录，我们还可以通过配置排除规则来忽略某些文件或目录的变化。例如，我们要监听当前目录下的所有 js 文件，但是不想监听 node_modules 目录和 test.js 文件。可以使用以下命令：
iw --ignore=node_modules,test.js *.js
配置文件
如果你有多个需要监听的文件或目录，每次都输入一大串命令非常麻烦。这时候就可以使用配置文件了。在项目根目录创建一个 .ignoringwatcher 文件，并按照以下格式编写：
# 注释以 # 开头 # 忽略 node_modules 目录和 test.js 文件 ignore = node_modules,test.js # 监听 src 目录下的所有 js 和 css 文件 src/**/*.js src/**/*.css
然后在命令行中输入 iw 命令即可。
示例代码
下面是一个简单的示例，演示如何使用 Ignoring Watcher 监听并编译 TypeScript 文件：
-- -------------------- ---- -------
------ - ----- - ---- -------------------
------ - -- -- ---- -------------
----- -------- ------------------ - -
------- -----------------------
--
-------------------- -
------- ---------------
-------------- -
----------------- ------- -------- -----------------
----- ------- - ------------------------ ---------
----- ---------- - ---------------
-- ------------------------ -
-------------------------- ----- -- ---- -----------
--------------------------------------------------------------------------------
- ---- -
----------------- ------- -------- ----------------
-
--
---总结
Ignoring Watcher 是一个非常实用的工具包，可以帮助开发者忽略某些文件和目录的变化，提高开发效率。在日常工作中，我们可以根据自己的需求来灵活使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/44850