mcpField
V
vite

vite

github.com/onmax开发7232.5k 次安装2 天前更新
代码仓库

关于 vite

面向前端开发者的 Vite 技能，涵盖配置、开发、生产构建、插件和 SSR，并提供适用于 Rolldown 与 Oxc 架构 Vite 8 的指导。

主要功能

  1. 01Vite 配置指导
  2. 02开发服务器与 HMR
  3. 03生产构建与 SSR
  4. 04插件 API 与虚拟模块
  5. 05Rolldown 迁移指导

适用场景

  1. 01配置 TypeScript Vite 项目
  2. 02构建并预览生产包
  3. 03开发 Vite 插件
  4. 04将项目迁移至 Vite 8

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/onmax/nuxt-skills --skill vite

安装后在 Claude Code 中输入/vite确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
build-and-ssr.md
core-config.md
core-features.md
core-plugin-api.md
environment-api.md
rolldown-migration.md

详细介绍

Vite

基于 Vite v8.3.1（由 Rolldown 提供支持），生成于 2026-09-25。Vite 8 使用 Rolldown 打包器和 Oxc 转换器，取代 esbuild + Rollup。

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

偏好

  • 使用 TypeScript：优先选择 vite.config.ts
  • 始终使用 ESM，避免使用 CommonJS

核心

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

构建与 SSR

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

高级

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

快速参考

CLI 命令
vite              # Start dev server
vite build        # Production build
vite preview      # Preview production build
vite build --ssr  # SSR build
常见配置
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 - 使用 Oxc/Babel 的 React
  • @vitejs/plugin-react-swc - 使用 SWC 的 React
  • @vitejs/plugin-legacy - 旧版浏览器支持

评论

支持 Markdown