vite
Installation
Summary
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.tswith support for conditional configs, environment variables, and plugin API for extending build behavior - Built-in features include
import.meta.globfor dynamic imports, asset queries (?raw,?url), and HMR API for custom refresh logic - Library mode and SSR support with
ssrLoadModuleand 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 8 beta (Rolldown-powered). Vite 8 uses Rolldown bundler and Oxc transformer.
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 |