鍍金池/ 問答/Java  HTML/ webpack/hot/dev-server是什么意思？

webpack/hot/dev-server是什么意思？

// webpack.config.dev.js

entry: {
  'webpack/hot/dev-server'
}

我現(xiàn)在知道的是webpack/hot/dev-server可以配合webpack-dev-server實(shí)現(xiàn)HMR
那webpack/hot/dev-server具體起到的是什么作用呢？是不是只能配合webpack-dev-server使用呢？
實(shí)現(xiàn)HMR的另一種方式是webpack-dev-middleware和webpack-hot-middleware，這種情況下會(huì)用到webpack/hot/dev-server嗎？

回答
編輯回答
陌顏

1.webpack-dev-server = express/koa + webpack-dev-middleware + webpack-hot-middleware
2.webpack/hot/dev-server配置在entry里，其實(shí)最后是打包在瀏覽器里加載運(yùn)行的，作為客戶端和webpack-hot-middleware交互
3.應(yīng)該是不管哪種方式，客戶端都需要webpack/hot/dev-server的
4.可參看https://zhuanlan.zhihu.com/p/...

2018年7月8日 13:34
編輯回答
囍槑

簡單說就是開啟一個(gè)服務(wù)器，vue-cli默認(rèn)用的是express作為服務(wù)器，本質(zhì)還是node提供的網(wǎng)絡(luò)模塊。使用WebSocket網(wǎng)路協(xié)議實(shí)現(xiàn)服務(wù)端和瀏覽器客戶端的通信。因?yàn)閃ebSocket允許服務(wù)器主動(dòng)發(fā)送信息給客戶端。
然后結(jié)合webpack提供的webpack-dev-middleware，webpack-hot-middleware中間件實(shí)現(xiàn)熱重載功能。
最終達(dá)到提高開發(fā)時(shí)的體驗(yàn)和效率。

2017年7月16日 22:36