2019獨角獸企業(yè)重金招聘Python工程師標準>>>

webpack-dev-server

webpack-dev-server實際上相當于啟用了一個express的Http服務器+調用webpack-dev-middleware。它的作用主要是用來伺服資源文件。這個Http服務器和client使用了websocket通訊協(xié)議，原始文件作出改動后，webpack-dev-server會用webpack實時的編譯，再用webpack-dev-middleware將webpack編譯后文件會輸出到內存中。適合純前端項目，很難編寫后端服務，進行整合。

?

webpack-dev-middleware

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

因為是內存型文件系統(tǒng)，所以重建速度非常快，很適合于開發(fā)階段用作靜態(tài)資源服務器；因為 webpack 可以把任何一種資源都當作是模塊來處理，因此能向客戶端反饋各種格式的資源，所以可以替代HTTP 服務器。

?

二者的區(qū)別僅在于 webpack-dev-server 是封裝好的，除了 webpack.config 和命令行參數(shù)之外，很難去做定制型開發(fā)。而 webpack-dev-middleware 是中間件，可以編寫自己的后端服務然后把它整合進來，相對而言比較靈活自由。

轉載于:https://my.oschina.net/u/560237/blog/1931521

總結

以上是生活随笔為你收集整理的webpack-dev-server 和webpack-hot-middleware的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。