AI导哈

前端开发

vite

antfu/skills

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

  • 4.1万 次安装
  • 6000 星标
  • 收录于

安装命令

npx skills add https://github.com/antfu/skills --skill vite

要点

Next-generation frontend build tool with native ESM dev server, HMR, and Rolldown-powered production builds.

  • Fast dev server using native ES modules and hot module replacement; production builds optimized with Rolldown bundler and Oxc transformer
  • Configuration via vite.config.ts with support for conditional configs, environment variables, and plugin API for extending build behavior
  • Built-in features include import.meta.glob for dynamic imports, asset queries (?raw, ?url), and HMR API for custom refresh logic
  • Library mode and SSR support with ssrLoadModule and JavaScript API for programmatic builds
  • Vite 8 introduces multi-environment API for custom runtimes and migration path from traditional bundlers

SKILL.md

Vite

Based on Vite v8.3.1 (Rolldown-powered), generated at 2026-09-25. Vite 8 uses the Rolldown bundler and the Oxc transformer instead of esbuild + Rollup.

Vite is a next-generation frontend build tool with fast dev server (native ESM + HMR) and optimized production builds.

Preferences

  • Use TypeScript: prefer vite.config.ts
  • Always use ESM, avoid CommonJS

Core

Topic Description Reference
Configuration vite.config.ts, defineConfig, conditional configs, loadEnv core-config
Features import.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR API core-features
Plugin API Vite-specific hooks, virtual modules, plugin ordering core-plugin-api

相关 Skills

vitestantfu/skillsVitest fast unit testing framework powered by Vite with Jest-compatible API. Use when writing tests, mocking, configuring coverage, or working with test filtering and fixtures.测试与安全4.5万vueantfu/skillsVue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.前端开发3.6万nuxtantfu/skillsNuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.前端开发2.4万pnpmantfu/skillsNode.js package manager with strict dependency resolution. Use when running pnpm specific commands, configuring workspaces via pnpm-workspace.yaml, or managing dependencies with catalogs, patches, overrides, config dependencies, or the global virtual store.其他2.3万vueuse-functionsantfu/skillsApply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.前端开发2.1万piniaantfu/skillsPinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.前端开发2万