控制台输出[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
來源:简书

你可能感兴趣的:(vue)