vitejs/vite-plugin-vue

主题

Vite 官方为 Vue 量身打造的编译引擎，让单文件组件在极速构建中焕发新生。

核心分点总结

1. SFC 编译：深度解析 .vue 单文件组件，将模板、脚本与样式无缝拆解为浏览器可执行的代码。

2. 极速 HMR：基于 Vite 原生热更新机制，实现 Vue 组件毫秒级刷新，开发体验如丝般顺滑。

3. JSX 支持：内置对 Vue JSX/TSX 语法的支持，为偏好 JavaScript 模板语法的开发者提供原生级体验。

4. 深度集成：与 Vite 核心完美协同，零配置开箱即用，自动处理 Vue 特有的编译优化。

行动指南

1. 当你使用 Vite 搭建 Vue 3 项目时，这是必装的核心插件，只需一行命令即可集成。
2. 若你在 Vue 中大量使用 JSX/TSX 语法，请同时引入 @vitejs/plugin-vue-jsx 以获得完整支持。
3. 遇到组件热更新失效时，检查此插件的版本是否与 Vite 及 Vue 版本匹配，保持官方推荐的依赖组合。

金句总述

它是 Vue 与 Vite 之间的桥梁，让单文件组件在极速时代重获轻盈。

故事性收尾

曾经，漫长的编译等待让你频频走神；如今，指尖离开键盘的刹那，浏览器已焕然一新。你不再盯着进度条发呆，而是沉浸在心流里，看着代码像呼吸一样自然地跃然屏上。