website

Vite Docs

所属分类:开发者在线工具箱

Vite 前端构建工具的官方指南、构建说明与环境 API 文档。

Vite Docs 是 Vite 前端构建工具的官方文档,包括入门、功能说明、生产构建、插件与 API 等内容。读者可以在这里查到开发服务器的用法、 命令的输出方式,以及用于多运行环境的 Environment API,适合正在搭建或维护现代 Web 项目的开发者。

Vite Docs:开发服务器、生产构建与环境实例的官方指南

发布于 2026年10月18日更新于 2026年10月29日

Vite Docs 是 Vite 前端构建工具的官方文档,包括入门、功能说明、生产构建、插件与 API 等内容。读者可以在这里查到开发服务器的用法、vite build 命令的输出方式,以及用于多运行环境的 Environment API,适合正在搭建或维护现代 Web 项目的开发者。

入门页的基本定位

Vite 入门页的第一段说明,Vite(法语中意为“快”)是一个面向现代 Web 项目的构建工具,由两部分组成。其一是开发服务器,在原生 ES 模块的基础上提供快速的热模块替换(HMR)等功能;其二是构建命令,使用 Rolldown 打包代码,输出适合静态托管的优化资源。

页面还说明,Vite 默认采用合理的配置,功能说明在 Features 指南中,框架与其他工具的接入通过插件完成,需要调整配置时参考 Config 部分。入门页提供在线试用、用脚手架创建第一个项目、社区模板和手动安装等路径。

Vite 官方文档入门页截图,顶部为 VITE 标志和 Guide、Config、Plugins、Resources 导航,版本选择器显示 v8.3.4,左侧为文档目录,正文标题为“Getting Started”,下方是 Vite 的简介

浏览器兼容性

页面说明,开发时 Vite 假定访问者使用现代浏览器,转换目标设为 esnext,以尽量保留源代码的写法。生产构建则默认面向 Baseline Widely Available 的浏览器版本,这一基准对应 2023 年中期前后发布的浏览器版本。需要支持更旧的浏览器时,可以通过配置降低目标版本,或使用官方的 @vitejs/plugin-legacy 插件。

生产构建与部署

“Building for Production”页面说明,部署前运行 vite build 即可。命令默认以项目根目录下的 index.html 作为入口,输出的应用包可以放到静态托管服务上。该页面的目录还包括公共基础路径、多页应用、库模式、CSS 支持以及分包策略等内容。

Environment API 与环境实例

“Using Environment Instances”页面标注该 API 处于候选发布(Release Candidate)阶段,维护者会在主版本之间保持稳定,但部分 API 仍视为实验性。页面列出了反馈讨论与 Environment API 的合并请求,供开发者提出意见。

Vite 官方文档“Using Environment Instances”页面截图,正文标题为“Using Environment Instances”,上方有“Release Candidate”提示框,下方是“Accessing the Environments”小节和一段创建服务器的代码示例

页面说明,开发时可以通过 server.environments 访问服务器中的各个环境,默认暴露 client 和 ssr 两个环境。每个开发环境都是一个 DevEnvironment 实例,包含名称、热更新通道、模块图、插件列表和插件容器等属性。插件也可以获取当前环境,相关说明在 Environment API for Plugins 一节中。

文档的其他部分

左侧目录分为 Introduction、Guide、APIs、Plugins、Frameworks 与 Runtimes 等部分。“APIs”下包括插件 API、HMR API、JavaScript API、配置参考和 Environment API。遇到从旧版本升级的问题,可以查阅 Migration from v7 与 Breaking Changes 两页。