npm 包 aster-watch 是一款用于监视 TypeScript 或 JavaScript 代码变化并自动编译的工具。它可以大大提高开发效率，特别是对于需要频繁修改和测试代码的场景，如 Web 开发，Node.js 开发等。
安装 aster-watch
在使用 aster-watch 前，首先需要安装它。可以通过 npm 进行全局安装。
npm install -g aster-watch
aster-watch 使用方法
在使用 aster-watch 之前，需要先创建一个 tsconfig.json 或者 jsconfig.json 配置文件，用于指定 TypeScript 或 JavaScript 的编译选项和输出目录。
tsconfig.json 配置文件示例
-- -------------------- ---- -------
-
------------------ -
--------- ------
--------- -----------
------------ -----
--------- ------
--
---------- -
---------------
------
-
-jsconfig.json 配置文件示例
-- -------------------- ---- -------
-
------------------ -
---------- -----
--------- -----
--
---------- -
---------------
------
-
-在创建好配置文件后，就可以使用 aster-watch 命令对代码进行监视了。
aster-watch
默认情况下，aster-watch 会在当前目录下查找 tsconfig.json 或者 jsconfig.json 配置文件，并自动编译 TypeScript 或者 JavaScript 代码。编译结果会输出到配置文件中指定的目录中。
在监视状态下，只要文件发生变化，aster-watch 就会自动检测并重新编译。这个过程非常高效和快速，可以使得开发效率大大提高。
例如，我们要监视 src 目录下的 TypeScript 或者 JavaScript 代码:
aster-watch src
如果要扩展监视的文件类型，可以使用 --extensions 选项指定。
aster-watch --extensions .ts,.tsx,.js,.jsx src
aster-watch 高级用法
除了基本用法外，aster-watch 还提供了一些高级用法，可以帮助开发者更加高效地使用它。
- --no-bundle: 不编译项目，只编译修改的文件。
- --ignore: 忽略指定文件或目录，多个文件或目录之间用逗号分隔。
- --filter: 只监视指定文件或目录，多个文件或目录之间用逗号分隔。
- --debounce: 指定文件变化的 debounce 时间，默认为 200ms。
- --interval: 指定扫描文件变化的 interval 时间，默认为 1000ms。
- --no-color: 关闭控制台的颜色输出。
例如，我们要忽略 node_modules 和 .git 目录，只监视 src 和 test 目录下的文件，并且不编译项目。
aster-watch --no-bundle --ignore node_modules,.git --filter src,test
总结
在本文中，我们介绍了如何使用 npm 包 aster-watch 监视 TypeScript 或者 JavaScript 代码变化并自动编译。除了基本用法外，我们还介绍了一些高级用法，可以帮助开发者更加高效地使用它。尝试使用这个工具可以提高我们的开发效率，并让开发过程更加快速和愉快。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/75036