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 |