vite

Name: vite
Availability: InStock
Author: TEAM-HOUME

Configure Vite build tooling, plugins, SSR, and migration paths.

10|2|Updated Jun 23, 2025

Search Tags:#configuration #vite #ssr #build tool #rolldown #plugin api

Ready to run

npx skills add https://github.com/TEAM-HOUME/HOUME-CLIENT --skill vite-team-houme

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/TEAM-HOUME/HOUME-CLIENT/tree/main/.agents/skills/vite
Command: npx skills add https://github.com/TEAM-HOUME/HOUME-CLIENT --skill vite-team-houme

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you navigate the complexities of configuring the Vite build tool, including its plugin API, Server-Side Rendering (SSR), and migration paths for new versions.

Core Features & Use Cases

Configuration: Understand and modify vite.config.ts for various build scenarios.
Plugin Development: Learn how to create and integrate custom Vite plugins.
SSR & Library Builds: Configure Vite for server-rendered applications and library distribution.
Use Case: You need to set up a Vite project to build a reusable UI library, ensuring it supports both ESM and UMD formats and correctly handles external dependencies.

Quick Start

Use the vite skill to generate a basic vite.config.ts file for a React project.

Frequently Asked Questions about vite

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

FAQPage Schema

Why are my external dependencies being bundled in my Vite library build?▼

To configure a Vite library build, modify `vite.config.ts` to define multiple output formats and specify external dependencies. This ensures correct distribution for both ESM and UMD targets.

How does the Vite plugin API work for creating custom build tools?▼

The Vite plugin API works by allowing developers to hook into the build process to customize transformation and bundling. You can create custom plugins to inject specific build logic or modify output behavior.

Can I use Vite for server-side rendering (SSR) applications?▼

Yes, Vite supports server-side rendering (SSR) applications. You can configure the build tool to handle SSR environments, separating client and server source code for optimized rendering performance.

What is the migration strategy for moving Vite projects to Rolldown?▼

Migrating Vite projects to Rolldown involves understanding the new environment APIs and updating your build configuration. The Skill provides guidance on transitioning your existing setup to the new Rolldown version.

Does Vite support advanced environment APIs for complex build scenarios?▼

Yes, Vite supports advanced environment APIs designed for complex build scenarios. These APIs allow developers to customize environment-specific configurations for both client and server builds.

Why are my external dependencies being bundled in my Vite library build?▼

External dependencies are bundled when the Vite configuration does not explicitly mark them as external. You must update the `external` option in `vite.config.ts` to prevent specific packages from being included.