Deft
Ask AI

Search

Search skills, authors and topics

antfu / skills

vite

Vite configuration and plugin guidance, including SSR and Vite 8 Rolldown migration patterns.

View sourceToolingPerformance

Install

npx skills add https://github.com/antfu/skills --skill vite
metadata
author: Anthony Fu version: "2026.11.5" source: Generated from https://github.com/vitejs/vite, scripts at https://github.com/antfu/skills

Vite

Based on Vite v8.3.5 (Rolldown-powered), generated at 2026-11-05. Vite 8 uses the Rolldown bundler and the Oxc transformer instead of esbuild + Rollup.

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

TopicDescriptionReference
Configurationvite.config.ts, defineConfig, conditional configs, loadEnvcore-config [blocked]
Featuresimport.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR APIcore-features [blocked]
Plugin APIVite-specific hooks, virtual modules, plugin orderingcore-plugin-api [blocked]

Build & SSR

TopicDescriptionReference
Build & SSRLibrary mode, SSR middleware mode, ssrLoadModule, JavaScript APIbuild-and-ssr [blocked]

Advanced

TopicDescriptionReference
Environment APIVite 6+ multi-environment support, custom runtimesenvironment-api [blocked]
Rolldown MigrationVite 8 changes: Rolldown bundler, Oxc transformer, config migrationrolldown-migration [blocked]

Quick Reference

CLI Commands

bash
vite              # Start dev servervite build        # Production buildvite preview      # Preview production buildvite build --ssr  # SSR build

Common Config

ts
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