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