這個(gè)教程的時(shí)間年代有些久遠(yuǎn)了，有些配置在新的版本已經(jīng)過(guò)時(shí)了。

其它配置都沒(méi)錯(cuò)的情況下的話沒(méi)有熱更新可能是因?yàn)槟銢](méi)有將 mode 設(shè)為 'development'，webpack 默認(rèn)會(huì)以 'production' 模式工作，這種模式下打包需要話很長(zhǎng)的時(shí)間，也就是你更改了代碼之后要話很長(zhǎng)的時(shí)間才能打包完，那怕你只是多了個(gè)空格，所以你所謂的沒(méi)有熱更新并不是真的沒(méi)有，只是因?yàn)?webpack 還沒(méi)打包完你就手動(dòng)刷新了。

Chrome 瀏覽器的話你可以按 F12 打開(kāi)“開(kāi)發(fā)者工具”在“Console” 中看一下，熱更新需要與 WebpackDevServer 建立一個(gè) WebSocket 連接，如果是配置問(wèn)題的話 "Console" 會(huì)報(bào)錯(cuò)，并且會(huì)提示 “[WDS] Hot Module Replacement disable”，如果沒(méi)有的話那就是我說(shuō)的那種情況。這種情況只需要在 webpack.config.js 中設(shè)置一下 “mode” 就行了。