在 packages 目录中，我们可以在看到 vite 主要分为下面几个模块：

• create-app: vite cli 工具。
• create-vite: vite template，支持包括 lit、preact、react、svelte、vanilla、vue 及其 ts 版本。
• vite-playground: vite playground 演示工具。
• plugin-legacy: 支持非现代浏览器使用 vite 的插件。
• plugin-react: 支持 react 项目使用 vite 的插件。
• plugin-vue: 支持 vue 项目（SFC）使用 vite 的插件。
• plugin-vue-jsx: 支持 vue 项目使用 jsx 的插件。
• vite: vite 源码。

vite 的生态主要包括 vite 核心、插件系统、脚手架、模板工具等。在之后的章节中，将重点解析如下几个模块：

• vite: 学习 vite dev server、打包原理、插件系统、依赖解析等。
• plugin-vue: 学习 vite 是如何支持 vue 项目使用 vite 的，主要学习 vite 对 SFC 的解析。
• plugin-react: 学习 vite 是如何支持 react 项目使用 vite 的，主要学习 vite 对 JSX 的解析。
• create-app: 学习 vite 脚手架的工作原理。
• create-vite: 学习如何配合脚手架工具搭建和管理项目模板。
• plugin-legacy: 学习 vite 是如何是 legacy 浏览器支持 vite 的。
• 项目结构：学习 monorepo 项目的搭建和管理。