说说webpack热更新的原理

Question

说说webpack热更新的原理，面试问到了，没有回答上来😭！

Answer 1

1、Webpack 开启监听模式，当文件修改时会向客户端发送消息。

2、客户端通过 WebSocket 建立与服务器的连接，并订阅文件变化的事件。

3、当文件发生变化时，Webpack 构建新的代码，并将构建结果通过热更新中间件发送到客户端。

4、客户端收到更新后的代码，使用 JavaScript 的 eval() 函数执行新的代码，并通过 DOM 操作等方式更新页面。