Vite 文档

Vite 是一款现代前端构建工具，旨在为 Web 项目提供更快速、精简的开发体验。它包含两大部分：开发服务器与构建命令。开发服务器基于原生 ES 模块提供丰富功能增强，例如极速的热模块替换（HMR）；构建命令则使用 Rolldown 对代码进行打包，并预配置为输出高度优化的静态资源。

Vite 内置合理的默认配置，并支持通过插件扩展框架集成或其他工具。配置文件章节说明了如何根据项目需求调整 Vite。

在开发环境下，Vite 假定浏览器支持最新的 JavaScript 和 CSS 特性，因此将转换目标设为 esnext，避免语法降级，同时注入少量运行时代码以保持开发服务器正常工作。生产构建默认针对基线广泛可用的浏览器（发布至少 2.5 年），可通过配置降低目标，并通过 @vitejs/plugin-legacy 支持旧版浏览器。

Vite 提供在线试用方式，可在 StackBlitz 上直接运行。创建新项目可使用 create-vite 脚手架，支持多种模板如 vanilla、vue、react 等。手动安装时，只需在项目中安装 vite CLI 并创建 index.html 文件，然后启动开发服务器即可。

Vite 将 index.html 视为项目入口，它属于模块图的一部分，脚本和样式引用均可享受 Vite 特性。项目根目录概念类似静态服务器，绝对路径会基于项目根解析。Vite 也支持多页面应用。

命令行接口提供了 dev、build、preview 等脚本，还可指定其他选项如端口或自动打开浏览器。若想试用未发布的提交版本，可通过 pkg.pr.new 安装特定 commit。