vite

Configure Vite projects and migrate to Vite 8 Rolldown.

13|Updated Feb 4, 2026

Search Tags:#migration #config #vite #ssr #rolldown #plugin-api #build-tool

Ready to run

npx skills add https://github.com/abeldotam/bmad-viewer --skill vite-abeldotam

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/abeldotam/bmad-viewer/tree/main/.agents/skills/vite
Command: npx skills add https://github.com/abeldotam/bmad-viewer --skill vite-abeldotam

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite project configuration, plugin API usage, and migration to Vite 8 Rolldown are streamlined for developers building modern front-end apps.

Core Features & Use Cases

Configuration patterns: vite.config.ts, defineConfig, and loadEnv for environment-driven builds.
Build & SSR guidance: library mode, SSR middleware, ssrLoadModule, and plugin integration.
Migration reference: Rolldown migration notes for upgrading from Vite 7 to 8 and related tooling.

Quick Start

Create or update a vite.config.ts using defineConfig and begin migrating to Vite 8 Rolldown to unlock faster builds.

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 using defineConfig and loadEnv?▼

To configure vite.config.ts, use the defineConfig function to structure your build settings and loadEnv to load environment variables for environment-driven builds. This Skill automates generating these TypeScript configuration patterns.

What is the process for migrating a Vite 7 project to Vite 8 Rolldown?▼

Migrating to Vite 8 Rolldown involves applying specific migration notes to update your build tooling. This Skill provides a reference for upgrading from Vite 7 to 8 to unlock faster builds using the Rolldown bundler.

Can I use Vite plugin API integration for SSR middleware and library mode?▼

Yes, Vite plugin API integration supports SSR middleware, ssrLoadModule, and library mode builds. This Skill guides you through configuring these features for modern front-end applications and server-side rendering.

Does Vite build tool support environment variable loading for TypeScript-configured setups?▼

Yes, Vite supports environment variable loading in TypeScript-configured setups via loadEnv. This Skill helps you apply defineConfig patterns to properly inject environment variables into your build process.

What are the limitations when using Vite SSR middleware with ssrLoadModule?▼

Vite SSR middleware using ssrLoadModule requires careful plugin integration and configuration of server-side entry points. This Skill provides guidance on setting up SSR builds within TypeScript-configured environments to avoid common pitfalls.