我有我的服務器,在啓動它時,它使用webpack將我最新的客戶端資產捆綁在一個靜態目錄中。然後將響應提供給服務器。有些路由發送回html,/靜態發回圖像和東西,很正常。webpack dev服務器如何適應?
我想添加webpack dev服務器到我的開發設置,但我不清楚它如何適合我的流程。基本上我的當前服務器發生了什麼?我將什麼任務交給開發者服務器?我的應用程序如何知道與開發人員服務器進行交互?
感謝您的任何幫助,只是一個大失落和不清楚的分離在這裏。
我有我的服務器,在啓動它時,它使用webpack將我最新的客戶端資產捆綁在一個靜態目錄中。然後將響應提供給服務器。有些路由發送回html,/靜態發回圖像和東西,很正常。webpack dev服務器如何適應?
我想添加webpack dev服務器到我的開發設置,但我不清楚它如何適合我的流程。基本上我的當前服務器發生了什麼?我將什麼任務交給開發者服務器?我的應用程序如何知道與開發人員服務器進行交互?
感謝您的任何幫助,只是一個大失落和不清楚的分離在這裏。
webpack dev服務器是在開發環境中使用webpack的一種便捷方式,因爲它會在底層文件更改時自動重建應用程序包,從而允許快速編輯/重新加載循環,而無需手動運行webpack
。它還可以選擇在文件更改時自動重新加載應用程序。
它是獨立服務器,旨在開發客戶端應用程序,因此不需要在服務器上有任何特殊行爲。換句話說,最終可以完全部署在靜態文件服務(如Amazon S3或Github Pages)上的應用程序。
這聽起來像你有一個混合的應用程序,包括在同一個代碼庫中的客戶端和服務器端代碼。在這種情況下,您可以使用webpack dev middleware將現有服務器與webpack dev服務器的功能相結合。這使您可以將webpack自動構建功能引入您自己的服務器,使用標準路由機制將請求路由到您自己的代碼或webpack代碼。
請注意,webpack開發中間件僅供開發使用,因此您的應用程序應設置爲僅在開發環境中使用此中間件,並且一旦部署,則使用類似serve-static
的東西來提供靜態文件大概是在應用程序構建過程中由webpack構建的。