Covers Vite's build tool essentials from dev server setup to production builds, with specific focus on the new Vite 8 beta that swaps out the bundler for Rolldown and transformer for Oxc. Walks through vite.config.ts configuration, plugin API hooks, SSR middleware patterns, and the Environment API for multi-environment setups. Includes migration guidance for the Rolldown transition, which changes how some plugins work and requires config updates. Solid reference when you're setting up Vite projects, writing custom plugins, or need to understand what breaks when upgrading to the Rolldown-powered version.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
11
skills.sh installs
41.7K
GitHub stars
6.1K
last updated
Aug 21, 2026

Install

$ npx -y skills add antfu/skills --skill vite --agent claude-code

Installs into .claude/skills of the current project.

Files

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
Featuresimport.meta.glob, asset queries (?raw, ?url), import.meta.env, HMR APIcore-features
Plugin APIVite-specific hooks, virtual modules, plugin orderingcore-plugin-api

Build & SSR

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

Advanced

Sponsors

Details

Repository
github.com/antfu/skills
Categories
Frontend Development, Backend & APIs, DevOps & CI/CD

More from antfu/skills

All 19
1jakubkrehel avatarbetter-typographyjakubkrehel/skillsWeb typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType feature40.5Kskills.sh installs
2pbakaus avatararrangepbakaus/impeccableImprove layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling o39.1Kskills.sh installs
3expo avatarexpo-uiexpo/skillsFramework (OSS). Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native ap35.9Kskills.sh installs
4firecrawl avatarfirecrawl-website-design-clonefirecrawl/firecrawl-workflowsExtract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, l33.5Kskills.sh installs
5caffeinelabs avatarextension-core-infrastructurecaffeinelabs/skillsCore infrastructure providing backend connection configuration, storage client, and React app entry point.30.8Kskills.sh installs
6software-mansion avatarargent-metro-debuggersoftware-mansion/argentDebug a JS runtime via CDP using argent debugger tools. Primary path is React Native via Metro (iOS / Android / Vega); a subset of the tools (debugger-connect, 29.9Kskills.sh installs