ComeOnOliver/skillshub

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 - 旧版浏览器支持