vite▌
antfu/skills · updated Apr 24, 2026
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
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 |
Build & SSR
| Topic | Description | Reference |
|---|---|---|
| Build & SSR | Library mode, SSR middleware mode, ssrLoadModule, JavaScript API |
build-and-ssr |
Advanced
| Topic | Description | Reference |
|---|---|---|
| Environment API | Vite 6+ multi-environment support, custom runtimes | environment-api |
| Rolldown Migration | Vite 8 changes: Rolldown bundler, Oxc transformer, config migration | rolldown-migration |
Quick Reference
CLI Commands
vite # Start dev server
vite build # Production build
vite preview # Preview production build
vite build --ssr # SSR build
Common Config
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [],
resolve: { alias: { '@': '/src' } },
server: { port: 3000, proxy: { '/api': 'http://localhost:8080' } },
build: { target: 'esnext', outDir: 'dist' },
})
Official Plugins
@vitejs/plugin-vue- Vue 3 SFC support@vitejs/plugin-vue-jsx- Vue 3 JSX@vitejs/plugin-react- React with Oxc/Babel@vitejs/plugin-react-swc- React with SWC@vitejs/plugin-legacy- Legacy browser support
Discussion
Product Hunt–style comments (not star reviews)- No comments yet — start the thread.
Ratings
4.8★★★★★31 reviews- ★★★★★Neel Lopez· Dec 20, 2024
Solid pick for teams standardizing on skills: vite is focused, and the summary matches what you get after install.
- ★★★★★Ganesh Mohane· Dec 8, 2024
Registry listing for vite matched our evaluation — installs cleanly and behaves as described in the markdown.
- ★★★★★Shikha Mishra· Dec 8, 2024
vite is among the better-maintained entries we tried; worth keeping pinned for repeat workflows.
- ★★★★★Nikhil Yang· Dec 4, 2024
I recommend vite for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
- ★★★★★Sakshi Patil· Nov 27, 2024
vite reduced setup friction for our internal harness; good balance of opinion and flexibility.
- ★★★★★Isabella Martin· Nov 23, 2024
vite fits our agent workflows well — practical, well scoped, and easy to wire into existing repos.
- ★★★★★Neel Johnson· Nov 11, 2024
vite has been reliable in day-to-day use. Documentation quality is above average for community skills.
- ★★★★★Chaitanya Patil· Oct 18, 2024
I recommend vite for anyone iterating fast on agent tooling; clear intent and a small, reviewable surface area.
- ★★★★★James Johnson· Oct 14, 2024
Registry listing for vite matched our evaluation — installs cleanly and behaves as described in the markdown.
- ★★★★★Amina Park· Oct 2, 2024
Keeps context tight: vite is the kind of skill you can hand to a new teammate without a long onboarding doc.
showing 1-10 of 31