vite

Migrate Vite 8 projects to Rolldown-based setups with config guidance.

1|Updated Apr 4, 2023
One-click install
npx skills add https://github.com/ElderEvil/falloutProject --skill vite-elderevil
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/ElderEvil/falloutProject/tree/main/.agents/skills/vite
Command: npx skills add https://github.com/ElderEvil/falloutProject --skill vite-elderevil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers understand and navigate the Vite 8 Rolldown migration, providing practical guidance on configuring Vite projects, vite.config.ts, Vite plugins, and building libraries/SSR apps.

Core Features & Use Cases

  • Migration guidance: steps and patterns to migrate from previous Vite versions to Rolldown-powered Vite 8.
  • Configuration Patterns: how to structure vite.config.ts, conditional configs, and environment handling.
  • Plugin API Overview: essential hooks and extension points for Vite plugins.
  • Use Case: upgrade an existing Vue/React project to leverage Rolldown for faster builds and consistent tooling.

Quick Start

Start by ensuring Node.js and a Vite 8 project, then apply the rolldownOptions migration notes and read the migration guide to begin updating your config.

Frequently Asked Questions about vite

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

FAQPage Schema
How do I migrate my existing frontend project to Vite 8 with Rolldown?

Migrate to Vite 8 with Rolldown by applying rolldownOptions migration notes to your vite.config.ts and following the practical guide to update build configurations while preserving existing workflows.

What is the benefit of using Rolldown for Vite 8 library and SSR builds?

Rolldown in Vite 8 delivers faster builds and consistent tooling for library distributions and SSR scenarios, replacing older bundlers to improve frontend build performance.

Does the Vite 8 migration guide cover plugin API updates?

The Vite 8 migration covers the Plugin API, detailing essential hooks and extension points to adapt custom Vite plugins for Rolldown-based setups.

How should I structure vite.config.ts for conditional environments in Vite 8?

Structure vite.config.ts for Vite 8 using conditional configuration patterns and environment handling to ensure correct build behavior across modern frontend frameworks like Vue and React.

What do I need before starting a Vite 8 Rolldown migration?

Before starting the Vite 8 Rolldown migration, ensure Node.js is installed and an existing Vite project is ready for configuration updates and plugin API adjustments.