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
| Topic |
Description |
Reference |
| JavaScript API |
createServer, build, preview programmatic APIs |
advanced-api |
| Plugin API |
Creating Vite plugins, hooks, virtual modules |
advanced-plugin-api |
| Performance |
Optimization tips for dev server and builds |
advanced-performance |
| Backend Integration |
Integrating Vite with traditional backends |
advanced-backend |