vite

SKILL.md

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.ts with support for conditional configs, environment variables, and plugin API for extending build behavior

Built-in features include import.meta.glob for dynamic imports, asset queries (?raw, ?url), and HMR API for custom refresh logic

Library mode and SSR support with ssrLoadModule and JavaScript API for programmatic builds

Vite 8 introduces multi-environment API for custom runtimes and migration path from traditional bundlers

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