说说webpack热更新的原理

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

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

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

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

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