实时重新加载React Express应用程序

Question

我正在使用具有nodejs（express）后端的React应用程序。

我的问题是关于在响应前端进行更改后创建新的Webpack捆绑包并重新加载浏览器的最佳方法。我正在考虑类似于nodejs中的nodemon。

每次尝试更改响应但遇到错误时，我都尝试使用webpack-dev-server创建一个新的包。

是否可以：

1. 设置Webpack以便在我仍然在使用Node.js后端的同时对React进行任何更改时生成新的包吗？
2. 设置webpack以便在每次我对react进行更改时重新生成一个新包+重新加载浏览器+使用nodemon吗？
3. 如果没有，如果我想在我的React应用程序每次更改时创建一个新的Webpack捆绑包，应该怎么做？

Answer 1

您应该使用热模块更换：https://webpack.js.org/guides/hot-module-replacement/

Answer 2

React为您提供了一个应用程序构建器，该构建器支持您想要的那些需求。

请在这里看看。 Create a New React App

创建应用后，稍后再在依赖树中添加webpack。

Answer 3

我实际上自己解决了问题。

1. 我的目标是让我的nodejs（express）服务器在客户端运行我的react应用程序。
2. 当某些事情发生变化时，webpack还应该创建一个新的包，以便在我重新加载浏览器时出现更改。

要做到这一点，您必须执行两个命令：

1. 如果发生更改，要构建webpack捆绑包：

webpack --mode development --watch

1. 当发生更改时，带有nodemon的nodejs服务器将重新加载：

nodemon src/bin/www