skills.rest
daveio
daveioCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

vite

Configure vite.config.ts and migrate rollupOptions to rolldownOptions.

Updated Feb 18, 2026
Search Tags:#migration#vite#ssr#build-config#rolldown#plugin-api#vite.config.ts
One-click install
npx skills add https://github.com/daveio/syn-horse --skill vite-daveio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/daveio/syn-horse/tree/main/.agents/skills/vite
Command: npx skills add https://github.com/daveio/syn-horse --skill vite-daveio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite setup and migration can be complex; this Skill provides guidance and automation hooks to configure vite.config.ts, migrate rollupOptions to rolldownOptions, and apply Rolldown-based optimizations for faster development and production builds.

Core Features & Use Cases

  • Configure vite.config.ts using defineConfig for common builds (dev, prod, library mode)
  • Migrate build config from rollupOptions to rolldownOptions, including external and globals
  • Leverage Vite plugin API, environment configurations, and SSR setups for modern frontend work
  • Use cases include library packaging, SSR applications, and complex plugin-driven projects

Quick Start

Create a basic vite.config.ts with defineConfig and follow the Rolldown migration notes to migrate rollupOptions to rolldownOptions.

Frequently Asked Questions about vite

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

FAQPage Schema
How do I migrate rollupOptions to rolldownOptions in vite.config.ts?▼

Migrating rollupOptions to rolldownOptions in vite.config.ts involves updating your build configuration to use Rolldown's API, adjusting properties like external and globals for faster production builds.

Does Vite 8 support environment configurations for SSR applications?▼

Yes, Vite 8 supports environment configurations and the plugin API for SSR setups, allowing developers to optimize server-side rendering workflows within their vite.config.ts file.

What is the best way to configure Vite for library packaging?▼

The best way to configure Vite for library packaging is using defineConfig in vite.config.ts, leveraging Rolldown-based optimizations to handle external dependencies and global variables efficiently.

Can I use Vite plugin environment features when upgrading to Vite 8?▼

Yes, you can use Vite plugin environment features when upgrading to Vite 8. The plugin API supports environment configurations to manage complex plugin-driven projects and SSR applications.

Why migrate to Rolldown for frontend builds instead of keeping standard rollupOptions?▼

Migrating to Rolldown provides faster development and production builds compared to standard rollupOptions, applying Rolldown-based optimizations to speed up frontend build performance significantly.

Related Skills

Explore More Software Engineering Skills→
joshuaculmerjoshuaculmer

Vite + React + TypeScript

Standardize React and TypeScript project structure and config for Vite apps.

Community
Intermediate
tambo-aitambo-ai
11.2k

cli

Automate Tambo project setup and component management via CLI.

Official
Intermediate
aesthezelaesthezel
8

vite

Configure Vite builds, plugins, and SSR for frontend projects.

Community
Advanced
DexploarerDexploarer
6

bundle-analyzer

Analyze JavaScript bundle sizes and propose code-splitting optimizations.

Community
Intermediate