skills.rest
TEAM-HOUME
TEAM-HOUMEOFFICIAL
Explore all skills by this author →
GitHub

vite

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
One-click install
npx skills add https://github.com/TEAM-HOUME/HOUME-CLIENT --skill vite-team-houme
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
elijahmurrayelijahmurray
2

worktree-setup

Scan a project to generate a .worktree.json file for git worktree port configurations.

Community
Intermediate
wong2wong2
4

tsdown

Bundle TypeScript and JavaScript libraries into multiple formats with Rolldown.

Community
Advanced
sanghee01sanghee01

devup-ui

Compile JSX styles into static CSS for React components.

Community
Intermediate
farmountainfarmountain
1

Bundler Expert

Select and configure bundlers like ESBuild, Webpack, Rollup, or Vite for JavaScript projects.

Community
Intermediate