Webpack Hot Module Replacement 的原理解析 about jocs.github.io HOT 3 OPEN

我记得是这样的，在启动 webpack-dev-server 的时候，webpack 会将 sockjs client 端的代码打包到 输出的 html 中。

https://github.com/webpack/webpack-dev-server/blob/master/lib/utils/addEntries.js

刚才找到了如上文件，你可以看看。如有错误请指正。

from jocs.github.io.

在启动 devServer 的时候，sockjs 在服务端和浏览器端建立了一个 webSocket 长连接

Q:

浏览器端跟服务端是怎么建立起来socket通信的呢？
在浏览器端，什么承载了socket通信这块业务，是把脚本塞到html中去执行吗？

from jocs.github.io.

有两个地方还有点疑惑，一是hotDownloadManifest 获取新的hash值的用处是什么？它获取模块代码不是还是使用之前的hash值吗？二是HMR在对模块进行热更新时自身有什么优化机制吗？因为webpack-dev-server/client 在接收到type为ok的消息之后就会进行reload操作，但是如果在进行reload操作时webpack-dev-middleware又检测到了新的文件变化时是会等待之前的reload操作结束之后再重新进行reload操作吗还是有什么特殊的优化机制

from jocs.github.io.