Nodewatch 是一款基于 Node.js 的文件监控工具，它可以监听指定目录下的文件变化，并在文件发生改变时执行相应操作。在前端开发中，我们通常会使用 Nodewatch 来自动编译 Less、Sass 或 TypeScript 等文件。
安装
你需要在全局安装 Nodewatch：
--- ------- -- ---------
使用
基本用法
在项目的根目录下创建 nodewatch.json 文件，配置要监听的文件以及执行的命令：
-
-------- --------
------- -------
-------------- -
------ ------
------- ------------- ----
-
-在上述配置中，watch 字段表示要监听的目录或文件，这里我们只监听了 src 目录；exts 字段表示要监听的文件扩展名，这里我们只监听了 .ts 文件；runOnChange 字段表示文件发生变化时要执行的命令，这里我们使用 TypeScript 编译器 tsc 来编译 TypeScript 文件。
运行 Nodewatch：
---------
现在，当 src 目录下的 .ts 文件发生变化时，Nodewatch 就会自动执行 tsc 命令进行编译。
高级用法
自定义命令
除了使用预定义的命令，你还可以自定义要执行的命令：
-
-------- --------
------- -------
-------------- -
------ ------
------- ------- --------
-
-在上述配置中，我们将要执行的命令设置为 npm run build。
执行多个命令
有时候，我们需要在文件发生变化时依次执行多个命令。这时，我们可以使用数组来配置要执行的命令：
-
-------- --------
------- ---------
-------------- -
-
------ -------
------- ----------- ------------- ---------------- ----------------
--
-
------ ----------
------- ------ -------------------- ----- ---------------- ----------------
-
-
-在上述配置中，我们设置了两个要执行的命令，分别是编译 Sass 文件和使用 PostCSS 处理 CSS 文件。
运行前清理目录
在执行命令之前，有时候我们需要清理一些旧文件。你可以在配置文件中添加一个 clean 字段来指定要清理的目录或文件：
-
-------- --------
------- ---------
-------- ---------
-------------- -
------ -------
------- ----------- ------------- ---------------- ----------------
-
-在上述配置中，我们设置了一个要清理的目录 dist，表示要删除该目录下的所有文件。
总结
本文介绍了 Nodewatch 的基本用法和一些高级用法，希望能对你在前端开发中使用 Nodewatch 有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/42046