在前端开发中，我们经常需要频繁地修改代码并且每次都要手动重新运行程序来查看修改后的效果。如果能够自动监控代码的变化并重新加载程序，那么开发效率就能够大大提高。这里我们介绍一个 npm 包 @stackbuild/nodemon，它可以自动监控本地代码，并在代码变化时重新加载应用程序。
安装
在使用 @stackbuild/nodemon 之前，我们需要先安装它。打开命令行工具，进入你的项目目录，执行如下命令：
npm i -D @stackbuild/nodemon
使用
安装完 @stackbuild/nodemon 后，我们需要修改 package.json 文件中的 "scripts" 部分，添加一个新的脚本来启动应用程序。
-- -------------------- ---- -------
-
------- ---------
---------- --------
---------- -
-------- ----- ----------
------ -------- ---------
--
--------------- -
---------- ---------
--
------------------ -
---------------------- ---------
-
-在上面的示例中，我们添加了一个新的脚本 "dev"，用于启动 @stackbuild/nodemon。启动命令为 "nodemon index.js"，其中 index.js 是我们要运行的入口文件。
执行以下命令来启动应用程序：
npm run dev
此时 @stackbuild/nodemon 会自动运行并监控本地代码，并在代码变化时自动重新加载应用程序。
配置
@stackbuild/nodemon 提供了丰富的配置选项，可以根据具体需求进行修改。配置文件的文件名为 "nodemon.json"，它可以存放在项目根目录下或者其他指定的目录下。以下是一个示例配置文件：
{
"ignore": ["*.test.js"],
"watch": ["src"],
"ext": "js,json,htm,html",
"execMap": {
"js": "node --harmony"
}
}配置选项的含义如下：
- "ignore": 忽略的文件或文件夹列表，支持通配符。
- "watch": 监听的文件或文件夹列表，支持通配符。
- "ext": 监听的文件扩展名列表，多个扩展名之间用 "," 分隔。
- "execMap": 执行程序的命令映射。在监听的文件发生变化时，如果匹配到了相应的文件扩展名，@stackbuild/nodemon 会使用对应的命令来执行程序。
注意事项
- @stackbuild/nodemon 只能在开发环境中使用，不要将其用于生产环境。
- 如果运行时遇到了问题，可以使用 --debug 选项来启用调试模式，从而更方便地查找问题所在。
结束语
@stackbuild/nodemon 是一个非常实用的工具，可以帮助我们提高开发效率。在实际使用中，我们可以根据具体需求进行配置，以达到最佳的使用效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/108837