vite

Configure Vite projects and migrate to Rolldown with vite.config.ts.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/9aia/pachira --skill vite-9aia
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/9aia/pachira/tree/main/.claude/skills/vite
Command: npx skills add https://github.com/9aia/pachira --skill vite-9aia

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite project configurations, plugin API exploration, and migration to Vite 8 Rolldown can be complex; this skill provides structured guidance to streamline setup and updates.

Core Features & Use Cases

  • Configuration patterns for vite.config.ts, defineConfig usage, and environment handling.
  • Plugin API overview including config, configureServer, transformIndexHtml, and virtual modules.
  • Rolldown migration guidance for transitioning from esbuild/Rollup to Rolldown with cross-environment builds.
  • Use Case: setting up a new Vite project and upgrading an existing project to Vite 8.

Quick Start

Configure a new Vite project with vite.config.ts and begin the Rolldown migration following the guidelines.

Frequently Asked Questions about vite

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure vite.config.ts for client and server builds?

Migrate Vite projects to Rolldown by following structured guidance for transitioning from esbuild and Rollup, handling cross-environment builds. This ensures a smooth upgrade path to Vite 8 while maintaining compatibility across client and server workflows.

How does the Vite plugin API work for virtual modules?

Vite handles SSR workflows by configuring environment-specific settings within defineConfig to support server-side rendering builds. This ensures proper separation between client and server environments, enabling efficient SSR workflows with modern tooling and best practices.

What is the best way to migrate an existing project to Vite 8?

The best way to migrate an existing project to Vite 8 is to follow the Rolldown migration path for transitioning from esbuild and Rollup. This approach applies best practices for configuration and cross-environment builds, streamlining the upgrade process.

Can I use Vite plugin API hooks to customize the dev server?

Yes, you can use the configureServer hook within the Vite plugin API to customize the development server. This hook allows you to inject middleware and modify server behavior, integrating deeply with Vite's modern tooling and virtual modules.

Do I need defineConfig to handle environment variables in Vite?

You need defineConfig to properly handle environment variables in Vite because it provides type safety and structured environment handling. Using defineConfig enforces best practices for managing environment-specific configurations across client and server builds.