在前端开发中，我们时常需要监视代码的变化并实时进行测试或者执行代码。npm 包 @b-gran/nodemon 提供了一个便捷的解决方案，可以监听文件的变化，自动重启应用程序并进行测试。
本教程将详细介绍如何使用这个 npm 包来提高你的开发效率，包含示例代码，也会讲述一些深入的概念。
安装
首先，我们需要安装 @b-gran/nodemon 包，可以通过以下命令进行安装：
npm install -g @b-gran/nodemon
基本用法
使用 nodemon 的基本方法是，在终端中进入项目的根目录，然后执行以下命令：
nodemon <你的项目入口文件>
比如，如果你的项目入口文件是 index.js，那么执行命令就是：
nodemon index.js
这个命令会启动一个进程，监听您的项目根目录下的所有文件的更改。当您进行更改并保存文件时，nodemon 会检测到并自动重新启动应用程序。
配置文件
nodemon 允许您在项目根目录中创建一个名为 nodemon.json 的 JSON 文件来配置一些选项。例如，您可以使用此文件手动指定要监听的文件以及在重新启动应用程序时执行的命令等等。
比如，以下是一个简单的 nodemon.json 文件示范：
{
"watch": ["src"],
"ext": "js,json",
"exec": "npm run dev"
}这个配置文件告诉 nodemon，监视 src 目录下的所有文件，扩展名为 js 或 json，当有文件发生更改时，执行 npm run dev 命令。
使用 nodemon 在 Express 中自动更新应用程序
nodemon 最常用的场景之一是用于监视和更新 Express 应用程序。这是一个基本示例：
const express = require('express')
const app = express()
const port = 3000
app.get('/', (req, res) => res.send('Hello World!'))
app.listen(port, () => console.log(`App listening on port ${port}!`))现在，在终端中运行以下命令：
nodemon index.js
当你更改此文件时，nodemon 会自动重新启动应用程序。所有的日志输出也会自动更新，无需手动刷新。
返回 state 数据
如果你的程序中有一个 state 数据，你可能想在更改的时候将该数据返回到终端中。这可以通过指定 nodemon 的命令行参数实现：
nodemon --inspect <你的项目入口文件>
这样，在更改文件并保存的时候，nodemon 会重新启动应用程序，并将状态数据返回到终端，可以直接查看。
结论
使用 @b-gran/nodemon 可以将前端开发效率大大提高，这个包可以使您的编写和测试变得更加简单。本文讲述了其基本用法、配置文件以及在 Express 中的应用，同时给出了一些高级技巧，如返回 state 数据到终端中。
在开发过程中，您难免会遇到一些问题，例如 nodemon 运行时的性能问题或者某些操作系统的兼容性问题等等。您可以查看官方文档或者社区讨论，以解决这些问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/108835