webpack dev服务器如何适应？

Question

我有我的服务器，在启动它时，它使用webpack将我的最新客户端资产捆绑在一个静态目录中。然后提供对服务器的响应。有些路由发回html，/ static发回图片和东西，非常正常。

我想将webpack dev服务器添加到我的开发设置中，但我不清楚它是如何适应我的流程的。基本上我当前的服务器会发生什么？我将哪些任务提供给开发服务器？我的应用程序如何知道与开发服务器进行交互？

感谢您的帮助，这里的分离只是一个很大的遗失和不清楚。

Answer 1

webpack dev服务器是在开发环境中使用webpack的便捷方式，因为它会在底层文件发生变化时自动重建应用程序包，从而允许快速编辑/重新加载循环，而无需手动运行{{1} }。当文件发生变化时，它还可以选择自动重新加载应用程序。

它是用于开发仅客户端应用程序的独立服务器，因此在服务器上不需要任何特殊行为。换句话说，最终可以完全部署在Amazon S3或Github Pages等静态文件服务上的应用程序。

听起来你有一个混合应用程序，在同一个代码库中包含客户端和服务器端代码。在这种情况下，您可以使用webpack dev middleware将现有服务器与webpack dev服务器的功能结合使用。这允许您将webpack自动构建功能引入您自己的服务器，使用标准路由机制将请求路由到您自己的代码或webpack代码。

请注意，webpack dev中间件仅供开发使用，因此应设置应用程序，使其仅在开发环境中使用此中间件，并在部署后使用serve-static之类的内容来提供服务在应用程序构建过程中可能由webpack构建的静态文件。