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

Question

我正在使用nodejs（express）后端开发一个react应用程序。

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

我曾尝试使用webpack-dev-server创建一个新的bundle，每次我更改一些反应但遇到错误。

有可能：

1. 设置webpack以在每次更改内容时生成一个新包，同时仍然使用nodejs后端？
2. 设置webpack以在每次更改内容时生成一个新的包反应+重新加载浏览器+使用nodemon？
3. 如果没有，如果我想在每次我的反应应用程序更改时创建新的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应该在更改内容时创建一个新的bundle，这样当我重新加载浏览器时，就会出现更改。

要实现这一点，您必须执行两个命令：

1. 如果发生变化，构建webpack包：

webpack --mode development --watch

2. nodejs服务器和nodemon在有变化时重新加载：

nodemon src/bin/www