【webpack】热更新

当更改代码时，浏览器请求了这两个文件。如下例：

json文件中的c表示更新的模块，对应的值为true

h对应的是本次热更新生成的hash值，这将作为下次热更新的标识

本次修改的代码，重新打包编译之后，在文件中，重新请求了useEffect需要请求的接口

热更新实际上就是通过webSockets，将服务端的更新推送到客户端。

热更新过程

webpack的compiler将文件打包输出为bundle.js

bundle.js因bundle server 的存在，能通过localhost直接在浏览器访问

代码更新后，compiler将打包结果发送到HMR server

HMR server将热更新的文件发送给HMR runtime

当开启热更新时 HMR runtime将热更新的文件注入到bundle.js中，webSockets监听到服务器的变化通信，更新文件的变化