关注本站公众号,
获取永久访问授权码
获取永久访问授权码
扫码关注，回复『刷题』即可.
返 回
No.827 什么是Webpack的热更新（Hot Module Replacement）？原理是什么？
题目描述~ 略...
寄语：问题比答案更重要
建议自己先有个思考的过程，有了自己的答案或者疑问再看解析进行对比。
目前解析在逐步添加中，也可以跳转链接查看。
Webpack的热更新（Hot Module Replacement，简称HMR），在不刷新页面的前提下，将新代码替换掉旧代码。
HRM的原理实际上是 webpack-dev-server（WDS）和浏览器之间维护了一个websocket服务。
当本地资源发生变化后，webpack会先将打包生成新的模块代码放入内存中，然后WDS向浏览器推送更新，并附带上构建时的hash，让客户端和上一次资源进行对比。
客户端对比出差异后会向WDS发起Ajax请求获取到更改后的内容（文件列表、hash），通过这些信息再向WDS发起jsonp请求获取到最新的模块代码。
解析或答案仅供参考。
