2016-07-07 79 views
0

我有我的服务器,在启动它时,它使用webpack将我最新的客户端资产捆绑在一个静态目录中。然后将响应提供给服务器。有些路由发送回html,/静态发回图像和东西,很正常。webpack dev服务器如何适应?

我想添加webpack dev服务器到我的开发设置,但我不清楚它如何适合我的流程。基本上我的当前服务器发生了什么?我将什么任务交给开发者服务器?我的应用程序如何知道与开发人员服务器进行交互?

感谢您的任何帮助,只是一个大失落和不清楚的分离在这里。

回答

1

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

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

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

请注意,webpack开发中间件仅供开发使用,因此您的应用程序应设置为仅在开发环境中使用此中间件,并且一旦部署,则使用类似serve-static的东西来提供静态文件大概是在应用程序构建过程中由webpack构建的。

相关问题