vite

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