2019獨角獸企業(yè)重金招聘Python工程師標(biāo)準(zhǔn)>>>

webpack-dev-server

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

?

webpack-dev-middleware

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

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

?

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

轉(zhuǎn)載于:https://my.oschina.net/u/560237/blog/1931521

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。