vite

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' },
})