说说webpack热更新的原理,面试问到了,没有回答上来😭!
1、Webpack 开启监听模式,当文件修改时会向客户端发送消息。
2、客户端通过 WebSocket 建立与服务器的连接,并订阅文件变化的事件。
3、当文件发生变化时,Webpack 构建新的代码,并将构建结果通过热更新中间件发送到客户端。
4、客户端收到更新后的代码,使用 JavaScript 的 eval() 函数执行新的代码,并通过 DOM 操作等方式更新页面。