vite--hmr热更新源码解读
原文中文，约3400字，阅读约需9分钟。
📝
内容提要
本文介绍了Vite的热更新（HMR）机制。当文件变化时，服务器会监听并通知客户端重新请求以渲染页面。系统会判断文件类型，若为配置文件则重启服务。通过定时轮询读取文件修改时间，确保获取最新内容。插件的热更新会过滤需要更新的模块，提高效率。最后，系统通过WebSocket将更新通知前端。
🎯
关键要点
-
Vite的热更新机制通过监听文件变化，通知客户端重新请求以渲染页面。
-
当文件类型为配置文件时，系统会自动重启服务。
-
使用定时轮询读取文件修改时间，以确保获取最新内容。
-
插件的热更新会过滤需要更新的模块，从而提高更新效率，避免全量更新。
-
如果文件是HTML，则直接进行全量更新。
-
系统通过WebSocket将更新通知发送给前端，支持范围更新和全量更新。
❓
延伸问答
Vite的热更新机制是如何工作的？
Vite的热更新机制通过监听文件变化，通知客户端重新请求以渲染页面。系统会判断文件类型，若为配置文件则重启服务。
当文件是配置文件时，Vite会采取什么措施？
当文件是配置文件时，Vite会自动重启服务以应用更改。
Vite如何确保获取最新的文件内容？
Vite通过定时轮询读取文件的修改时间，以确保获取最新内容。
插件的热更新是如何提高效率的？
插件的热更新会过滤需要更新的模块，从而提高更新效率，避免全量更新。
如果文件是HTML，Vite会如何处理？
如果文件是HTML，Vite会直接进行全量更新。
Vite是如何通过WebSocket通知前端更新的？
Vite通过WebSocket将更新通知发送给前端，支持范围更新和全量更新。
🏷️
