vite -- 从0阅读vite之1
💡
原文中文，约3500字，阅读约需9分钟。
📝
内容提要
本文介绍了Vite的基本实现，包括创建Node.js服务器、处理请求、使用WebSocket和文件监控。通过解析Vue文件动态生成代码，实现热更新，并使用chokidar库监听文件变化，触发组件重载或页面刷新。
🎯
关键要点
-
使用http创建Node.js服务器，监听3000端口，处理不同请求。
-
通过ws库创建WebSocket实例，管理连接的socket。
-
使用chokidar库监听文件变化，触发热更新。
-
解析Vue文件，动态生成代码，支持script和template的热更新。
-
实现了对http响应的封装，便于发送JavaScript文件。
-
在文件变化时，比较新旧descriptor，决定是重新加载组件还是重新渲染页面。
❓
延伸问答
如何使用Node.js创建Vite服务器？
可以使用http模块创建Node.js服务器，监听3000端口，并处理不同的请求。
Vite是如何实现热更新的？
Vite通过解析Vue文件动态生成代码，并使用chokidar库监听文件变化，触发组件重载或页面刷新。
WebSocket在Vite中有什么作用？
WebSocket用于管理连接的socket，支持实时通信，确保在文件变化时能够及时通知客户端。
Vite如何处理Vue文件的请求？
Vite通过解析请求路径中的文件名，调用parseSFC函数读取文件，返回包含script、template和style的descriptor。
chokidar库在Vite中是如何使用的？
chokidar库用于监听文件变化，当文件发生变化时，Vite会重新解析文件并决定是重新加载组件还是重新渲染页面。
Vite如何封装HTTP响应？
Vite通过send函数封装HTTP响应，设置Content-Type并结束响应，便于发送JavaScript文件。
➡️
