去掉这些花哨的术语，它们基本上都是在做同样的事情--“关注（监视）你的本地编辑（文件系统更改）并为你更新应用程序”，因此它们都是旨在促进/加速你的开发过程的开发工具。（不适用于生产）
Nodemon负责服务器端（Express），而Webpack（监视模式）负责客户端（React）。
没有太多的魔法，Nodemon只需在文件更改时重新启动/重新加载您的Express服务器，否则您需要手动杀死&重新启动。
然而，Webpack（启用了监视模式，通常在开发周期中）稍微复杂一些，它监视客户端代码更改，但需要

1. hot-module-replacement-重新编译已更改的模块而不完全重新加载
2. webpack-dev-middleware-通过连接的服务器提供结果
   重新编译过程非常快，可以通过以下任一方式从本地开发服务器提供：

• webpack-dev-server提供更改的模块和实时重新加载（连接到浏览器并硬刷新页面）
• webpack-dev-middleware + Express/Koa服务器也可以做同样的事情，但您可以获得更多的控制，如服务静态文件或创建一些API路由。

尽管实时重载很酷，但由于页面的硬刷新会导致应用程序丢失所有客户端状态（破坏许多开发工具，例如redux开发工具），react-hot-loader在这种情况下起到了拯救作用。
一般来说，基于你的Express + React应用，我会为Express设置Nodemon。对于React，如果你想要一个独立的开发服务器开箱即用，请选择webpack-dev-server + react-hot-loader，或者你想要在现有Express服务器上集成开发服务器并进行一些定制，使用webpack-dev-middleware + react-hot-loader代替。（无论如何，HMR需要作为webpack插件添加）

在使用nodemon：：：进行更改后重新启动react服务器时可能有用（速度有点慢）

安装nodemon后安装kill-port：

npm install kill-port

并在package.json中编辑此部件

"start": "kill-port 3000 && react-scripts start",

然后在终端输入nodemon开始React。希望它有用