name: vite description: Vite 构建工具配置、插件 API、SSR 以及 Vite 8 Rolldown 迁移。在使用 Vite 项目、vite.config.ts、Vite 插件或使用 Vite 构建库/SSR 应用时使用。 metadata: author: Anthony Fu version: “2026.1.31” source: 从 https://github.com/vitejs/vite 生成，脚本位于 https://github.com/antfu/skills

Vite

基于 Vite 8 beta（由 Rolldown 驱动）。Vite 8 使用 Rolldown 打包器和 Oxc 转换器。

Vite 是一个下一代前端构建工具，具有快速的开发服务器（原生 ESM + HMR）和优化的生产构建。

偏好设置

使用 TypeScript：首选 vite.config.ts
始终使用 ESM，避免 CommonJS

核心

主题	描述	参考
配置	`vite.config.ts`、`defineConfig`、条件配置、`loadEnv`	core-config
功能	`import.meta.glob`、资源查询（`?raw`、`?url`）、`import.meta.env`、HMR API	core-features
插件 API	Vite 特定钩子、虚拟模块、插件排序	core-plugin-api

构建与 SSR

主题	描述	参考
构建与 SSR	库模式、SSR 中间件模式、`ssrLoadModule`、JavaScript API	build-and-ssr

高级

主题	描述	参考
环境 API	Vite 6+ 多环境支持、自定义运行时	environment-api
Rolldown 迁移	Vite 8 变更：Rolldown 打包器、Oxc 转换器、配置迁移	rolldown-migration

快速参考

CLI 命令

vite              # 启动开发服务器
vite build        # 生产构建
vite preview      # 预览生产构建
vite build --ssr  # SSR 构建

常见配置

import { defineConfig } from 'vite'

export default defineConfig({
  plugins: [],
  resolve: { alias: { '@': '/src' } },
  server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
  build: { target: 'esnext', outDir: 'dist' },
})

官方插件

@vitejs/plugin-vue - Vue 3 SFC 支持
@vitejs/plugin-vue-jsx - Vue 3 JSX
@vitejs/plugin-react - React 与 Oxc/Babel
@vitejs/plugin-react-swc - React 与 SWC
@vitejs/plugin-legacy - 旧版浏览器支持