介绍下webpack 热更新原理，是如何做到在不刷新浏览器的前提下更新页面的

第 70 题： 介绍下 webpack 热更新原理，是如何做到在不刷新浏览器的前提下更新页面的 | 木易杨前端进阶 (muyiy.cn) (opens new window)

1.当修改了一个或多个文件；

2.文件系统接收更改并通知webpack；

3.webpack重新编译构建一个或多个模块，并通知HMR服务器进行更新；

4.HMR Server 使用webSocket通知HMR runtime 需要更新，HMR运行时通过HTTP请求更新jsonp；

5.HMR运行时替换更新中的模块，如果确定这些模块无法更新，则触发整个页面刷新。