BFE.devAI解答 - 前端面试问题
79. Webpack的HMR(Hot Module Replacement)是如何工作了？

HMR是指在应用程序运行时，替换修改代码，而不需要刷新整个页面。Webpack的HMR是通过以下步骤实现的：

1. 当某个模块发生变化时，Webpack会通过socket连接通知客户端。

2. 客户端会在应用程序运行时，通过WebSocket接收到通知。

3. 客户端会检测哪些模块发生了变化，然后请求修改后的代码。

4. 针对发生变化的那些模块，Webpack会使用新代码替换掉旧代码。

5. 最后，Webpack会通过HMR runtime的方式去更新页面。

总之，Webpack的HMR是通过利用WebSocket和HMR runtime的机制，在不刷新整个 Web 应用的情况下实现热更新的。