vite

Configure Vite projects via vite.config.ts for development and production builds.

Updated Mar 8, 2026

Search Tags:#migration #build #configuration #plugins #vite #ssr

Ready to run

npx skills add https://github.com/trystan2k/padelbuddy-web --skill vite-trystan2k

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/trystan2k/padelbuddy-web/tree/main/.opencode/skills/vite
Command: npx skills add https://github.com/trystan2k/padelbuddy-web --skill vite-trystan2k

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite configuration and migration guidance for fast development, SSR, and library builds, covering plugin APIs and environment patterns.

Core Features & Use Cases

Streamlined setup for Vite projects using vite.config.ts
Guidance on library mode, SSR, and Rolldown migration
Plugin API usage and environment configuration across environments

Quick Start

Create and configure a Vite project with vite.config.ts to enable fast development and optimized production 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 for SSR and library builds?▼

Configure Vite for SSR and library builds by defining build options and plugins in vite.config.ts. This setup handles server-side rendering entry points and library mode outputs for optimized production builds.

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

Migrating a Vite project to Rolldown involves updating your build configuration to use the Rolldown bundler. The migration guidance provides patterns to transition your existing setup while maintaining fast development performance.

How do I use Vite plugin APIs to customize my build configuration?▼

Use Vite plugin APIs to customize build configuration by writing plugins that hook into the build lifecycle. Define these plugins within vite.config.ts to manipulate environment handling and module transformations.

Does Vite support environment handling across different deployment targets?▼

Vite supports environment handling across different deployment targets through its configuration patterns. You can define environment variables and conditional logic in vite.config.ts to manage SSR and client-side contexts.

Why is my Vite production build slower than expected?▼

A Vite production build might be slower if configuration patterns are not optimized. Review vite.config.ts to ensure plugins, library mode settings, and environment handling are correctly applied for fast development and production outputs.