React UI和Node.js/Express应用程序通过webpack提供/监控

我不熟悉

React

和

节点

，尝试设置一个工作环境

我以前使用过

Node.js

/

Express

，我使用

nodemon

监控文件更改并重新启动我的应用程序

另外，我最近开始使用

React

，并使用

webpack dev server

（特别是

webpack dev server--content base src--inline--hot--history api fallback

）设置来监视文件更改并重新加载UI

问题

现在，我想把它绑在一起

我找到的第一个解决方案是：在特定端口上启动我的

节点应用程序

，比如3000，然后在8080端口上启动

网页开发服务器

，并向我的

后端应用程序

请求特定URL

devServer: {
    proxy: {
        '/backend-api/': {
            target: {
                "host": "localhost",
                "protocol": 'http:',
                "port": 3000
            },
            ignorePath: false,
            changeOrigin: true,
            secure: false
        }
    }
},

它应该可以工作，但我觉得为一个应用程序启动两个服务器是不对的

是否有任何方法（以及我能理解的简单示例）启动单个服务器，该服务器将同时服务于：服务器端应用程序

和
反应UI

当然，如果服务器代码更改，它应该跟踪文件更改并重新启动服务器应用程序；如果客户端代码更改，它应该重新加载UI。
您可以使用此软件包通过Express中间件使用webpack：

您只需将其添加到应用程序中即可使用：

var webpackMiddleware = require("webpack-dev-middleware");
app.use(webpackMiddleware(webpack({/* webpack options */})));

此外，还有一个基于此的软件包提供热加载和“创建反应应用程序”样式的终端显示：
谢谢！抱歉，花了这么长时间才标记出您的答案：）