vite

Configure Vite dev servers, plugins, and migration patterns for Vite 8/Rolldown.

16|9|Updated Nov 6, 2013
One-click install
npx skills add https://github.com/erikstmartin/dotfiles --skill vite-erikstmartin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/erikstmartin/dotfiles/tree/main/skills/catalog/frontend/vite
Command: npx skills add https://github.com/erikstmartin/dotfiles --skill vite-erikstmartin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

## What problem does it solve? Vite accelerates frontend development by delivering a fast, on-demand dev server with native ESM, enabling instant module hot updates and streamlined production builds for modern frameworks.

## Core Features & Use Cases

  • Native ESM dev server with instant HMR
  • Rich plugin API with config, plugin hooks, and HTML transformation
  • Migration-ready tooling for Vite 8 and Rolldown, including rolldownOptions and environment handling
  • Suitable for projects ranging from small libraries to large SPAs

### Quick Start Create a new Vite project in your workspace and start the dev server to test changes.

Frequently Asked Questions about vite

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

FAQPage Schema
How do I set up a Vite config for a modern frontend project?

To set up a Vite config, you create a configuration file that leverages the fast dev server, native ESM, and optimized production builds, streamlining development for projects ranging from small libraries to large SPAs.

How does native ESM hot module replacement work in Vite?

Native ESM hot module replacement in Vite delivers an on-demand dev server that enables instant module hot updates, allowing you to see changes immediately without rebuilding the entire application.

Can I write custom plugins with config and HTML transformation hooks?

Yes, you can write custom plugins using Vite's rich plugin API, which includes hooks for configuration, plugin lifecycle management, and HTML transformation to modify your build behavior.

What is the best way to migrate to Vite 8 and Rolldown?

Migrating to Vite 8 and Rolldown is handled using the migration-ready tooling, which provides guidance on environment handling and configuring `rolldownOptions` to transition your build process.

Does Vite support SSR for large single page applications?

Yes, Vite supports SSR and is suitable for large SPAs, providing the necessary environment handling and optimized production builds to manage server-side rendering workflows effectively.

How do I migrate an existing frontend build tool to Vite?

Migrating an existing frontend build tool to Vite involves using the provided migration patterns, which cover transitioning across Vite versions and adapting your config to the native ESM dev server.