webpack-dev-server 和webpack-hot-middleware

webpack-dev-server

webpack-dev-server實際上至關於啓用了一個express的Http服務器+調用webpack-dev-middleware。它的做用主要是用來伺服資源文件。這個Http服務器和client使用了websocket通信協議，原始文件做出改動後，webpack-dev-server會用webpack實時的編譯，再用webpack-dev-middleware將webpack編譯後文件會輸出到內存中。適合純前端項目，很難編寫後端服務，進行整合。

 

webpack-dev-middleware

 webpack-dev-middleware輸出的文件存在於內存中。你定義了 webpack.config，webpack 就能據此梳理出entry和output模塊的關係脈絡，而 webpack-dev-middleware 就在此基礎上造成一個文件映射系統，每當應用程序請求一個文件，它匹配到了就把內存中緩存的對應結果以文件的格式返回給你，反之則進入到下一個中間件。

由於是內存型文件系統，因此重建速度很是快，很適合於開發階段用做靜態資源服務器；由於 webpack 能夠把任何一種資源都看成是模塊來處理，所以能向客戶端反饋各類格式的資源，因此能夠替代HTTP 服務器。

 

兩者的區別僅在於 webpack-dev-server 是封裝好的，除了 webpack.config 和命令行參數以外，很難去作定製型開發。而 webpack-dev-middleware 是中間件，能夠編寫本身的後端服務而後把它整合進來，相對而言比較靈活自由。