| name | vite |
| description | Vite next-generation frontend build tool with fast HMR and optimized builds. Use when configuring Vite, adding plugins, working with dev server, or building for production. |
| metadata | {"author":"Anthony Fu","version":"2026.1.28","source":"Generated from https://github.com/vitejs/vite, scripts located at https://github.com/antfu/skills"} |
Vite is a modern build tool for frontend development featuring instant server start with native ES modules, lightning-fast HMR, and optimized production builds using Rolldown/Rollup. It supports TypeScript, JSX, CSS pre-processors out of the box and has a rich plugin ecosystem.
The skill is based on Vite 6.x, generated at 2026-01-28.
Core
| Topic | Description | Reference |
|---|
| Configuration | Config file setup, defineConfig, conditional and async configs | core-config |
| CLI Commands | Dev server, build, preview commands and options | core-cli |
| Core Features | TypeScript, JSX, CSS, HTML processing, JSON handling | core-features |
| Using Plugins | Adding, configuring, and ordering plugins | core-plugins |
Features
| Topic | Description | Reference |
|---|
| CSS Handling | CSS modules, pre-processors, PostCSS, Lightning CSS | features-css |
| Static Assets | Asset imports, public directory, URL handling | features-assets |
| Glob Import | import.meta.glob, dynamic imports, batch loading | features-glob-import |
| Environment Variables | .env files, modes, import.meta.env constants | features-env |
| HMR API | Hot Module Replacement client API | features-hmr |
| Web Workers | Worker imports and configuration | features-workers |
| Dependency Pre-Bundling | optimizeDeps, caching, monorepo setup | features-dep-bundling |
Build
| Topic | Description | Reference |
|---|
| Production Build | Build options, browser targets, multi-page apps | build-production |
| Library Mode | Building libraries with proper package exports | build-library |
| SSR | Server-side rendering setup and configuration | build-ssr |
Advanced
