Webpack vs webpack-dev-server vs webpack-dev-middleware vs webpack-hot-middleware vs etc

我正在开始与一个环境合作，使用.我对开发和生产（运行时）环境的每个webpack包的作用感到非常困惑。webpacknode/expressReactJSreact-router

以下是我理解的总结：

webpack：是一个包，一个将Web应用程序的不同部分连接在一起的工具，然后捆绑在单个.js文件中（通常）。然后，在 prod 环境中提供结果文件，由应用程序加载，并包含运行代码所需的所有组件。功能包括收缩代码，缩小等。bundle.js

webpack-dev-server：是一个软件包，提供服务器来处理网站文件。它还从客户端组件生成单个.js文件 （），但在内存中提供该文件。它还具有监视所有构建文件的选项（），并在代码更改时在内存中构建新的捆绑包。服务器直接在浏览器中提供（例如：）。内存加载、热处理和浏览器服务的组合使用户能够在代码更改时在浏览器上更新应用程序，非常适合开发环境。bundle.js-hothttp:/localhost:8080/webpack-dev-server/whatever

如果我对上面的文字有疑问，我真的不确定下面的内容，所以如果有必要，请告诉我

与 一起使用时的一个常见问题是 服务器，就像 .这使得这个环境很难同时运行客户端和一些节点/快速代码（API等）。注意：这是我所面对的，但很高兴能理解为什么会更详细地发生这种情况......webpack-dev-servernode/expresswebpack-dev-servernode/express

webpack-dev-middleware：这是一个中间件，具有与（内存捆绑，热重载）相同的功能，但格式可以注入到应用程序中。这样，您就有了一种服务器（）内部节点服务器。哎呀：这是一个疯狂的梦???这部分如何解决开发和生产方程式并使生活更简单webpack-dev-serverserver/expresswebpack-dev-server

webpack-hot-middleware：这...卡在这里...在寻找webpack-dev-middleware时发现了这篇文章...不知道如何使用它。

尾注：抱歉，有什么错误的想法。我真的需要帮助，以便在复杂的环境中取消这些变体。如果合适，请添加更多将构建整个场景的包/数据。