- [HMR] Waiting for update signal from WDS... （瀏覽器的控制檯時常蹦出來的提示）

1:針對 “[HMR] Waiting for update signal from WDS...” 翻譯下：來自 WDS 的提示，正在等待更新。

好了，什麼意思呢？對於剛剛接觸vue腳手架幫我們搭建起來的專案的小夥伴可能不解了。這裡先大概說明幾個概念：

1、webpack 是什麼：

webpack是一個自動化構建工具，意在幫前端開發者解決除了業務開發外的雜事，比如：打包、語言的轉換、熱更新、啟本地伺服器等等。與本問題相關的webpack配置是它為我們搭建的本地伺服器以及熱更新功能。

2、[HMR] 是什麼：

它是 Hot Module Replacement 的簡寫。翻譯過來：模組熱更新。所以HDR開頭的資訊提示由webpack/hot/dev-server模組產生

3、[WDS] 是什麼：

它是 Webpack dev Server 的簡寫。翻譯過來：webpack的開發環境伺服器（本地伺服器）。所以WDS開頭的資訊提示由 webpack-dev-server本地伺服器產生

看下我當前這個專案的配置資訊：

熱更新的開啟.png

這裡是關於熱更新的開啟

開發環境下執行的指令碼檔案.png

這裡是執行 npm run dev命令時候執行的指令碼檔案：一個是：webpack-dev-server另一個是build/webpack.dev.conf.js

附圖：

HMR工作原理.png

作者：麥殼兒UIandFE2 連結：https://www.jianshu.com/p/330c00088325 來源：簡書