javascript - 如何为 create-react-app 中的构建文件夹启用热重载？

Question

我有一个使用 create-react-app 创建的 React 应用程序。我还有一个外部应用程序，它通过包含捆绑的 JS 和 CSS 文件(使用 build 脚本创建的文件)来使用此应用程序。

现在，我正在使用由 dotnet new 命令创建的 React 模板，并且我已将服务器配置为提供位于 build 文件夹中的静态文件。

出于这个原因，我创建了几个额外的 NPM 脚本来重命名捆绑文件(从名称中删除散列)，这样我就不需要在每次构建时更新我的​​外部应用程序的链接。

现在，每当我更改代码中的某些内容时，都必须处理整个构建过程以创建这两个文件。

我已经创建了一个“监视”任务来在我有更改时运行我的构建脚本，但我想知道是否有一种方法可以加快该过程并以某种方式配置 React 应用程序以从内存或其他东西提供服务就像我们“正常”运行应用程序时一样。

所以，也许有几个问题:

1. 如何在 create-react-app 创建的“普通”React 应用程序中实现这一点？
2. 如何在 dotnet 模板的上下文中实现这一点？

Answer 1

您可以在创建 React 应用程序的 build 文件夹中使用 nodemon。

如文档所述

By default nodemon monitors the current working directory. If you want to take control of that option, use the --watch option to add specific paths:

所以你可以使用这样的东西:

nodemon --watch app --watch libs app/server.js

有关详细信息，请尝试给出的其他方法 here