控制台输出[HMR] Waiting for update signal from WDS...是怎么回事

- [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
來源：简书