webpack-dev-server 主要包含了三個部分：
1.webpack: 負責編譯**
2.webpack-dev-middleware: 主要負責構建記憶體檔案系統，把webpack的 outputfilesystem 替換成 inmemoryfilesystem。同時作為express的中介軟體攔截請求，從記憶體檔案系統中把結果拿出來。
3.express：負責搭建請求路由服務。
工作流程:
1.啟動dev-server，webpack開始構建，在編譯期間會向 entry 檔案注入熱更新**；
2.client 首次開啟後，server 和 client 基於socket建立通訊渠道；
3.修改檔案，server 端監聽檔案傳送變動，webpack開始編譯，直到編譯完成會觸發"done"事件；
4.server通過socket 傳送訊息告知 client；
5.client根據server的訊息（hash值和state狀態），通過ajax請求獲取 server 的manifest描述檔案；
6.client對比當前 modules tree ，再次發請求到 server 端獲取新的js模組；
7.client獲取到新的js模組後，會更新 modules tree並替換掉現有的模組；
8.最後呼叫 module.hot.accept() 完成熱更新；
webpack熱替換原理
前期準備 const path require path const htmlwebpackplugin require html webpack plugin const cleanwebpackplugin require clean webpack plugin var manifestplu...
webpack 服務和熱更新
今天來分享一招，看標題，熱更新，其實就是即寫即現，當然如果你用的是雙屏電腦這樣更便於開發，就能及時看到你所要的效果。設定webpack dev server devserver 配置webpack開發。服務配置伺服器基本執行路徑，用於找到程式打包位址安裝失敗原因 scripts open就是你執行完...
利用webpack實現熱更新
webpack中webpack dev server是乙個簡單的web伺服器，可以幫助我們實現 的熱更新，即在實際開發中只需儲存修改完後的 不用手動重新整理頁面就可以看到效果。在使用webpack dev server時，會發現在對js css檔案中的 修改時，可以很容易地實現頁面熱更新 修改htm...