Vite 如何支持 Vue、React、Svelte 等不同框架？

Vite 本身是框架无关的构建工具，对不同框架的支持通过官方或社区插件实现。

1. 以插件形式接入框架

每个框架通过对应的 Vite 插件接入，例如 @vitejs/plugin-vue 处理 Vue 单文件组件、@vitejs/plugin-react 处理 React 的 JSX 与 Fast Refresh、Svelte 与 Solid 也各有对应插件，负责把框架特有的文件格式转换为浏览器可运行的模块。

2. 框架无关的核心层

Vite 核心只处理通用的模块解析、依赖预构建、HMR、构建打包等能力，不绑定任何特定框架，因此可以作为不同框架的共同底座。

3. 生态广泛采用

得益于插件机制，Vite 已成为 Vue、React、Svelte、Solid、Astro、Nuxt 等众多框架与元框架的默认或推荐构建工具，形成庞大的生态。