vite

Configure Vite 8 projects with Rolldown and Oxc transformer.

Updated Feb 5, 2026

Search Tags:#frontend #build #config #plugins #vite #ssr #dev-server

Ready to run

npx skills add https://github.com/mheers/opencode-sandbox --skill vite-mheers

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/mheers/opencode-sandbox/tree/main/skills/vite
Command: npx skills add https://github.com/mheers/opencode-sandbox --skill vite-mheers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Vite provides a fast, opinionated frontend toolchain that simplifies development and production builds, dramatically reducing wait times and setup overhead.

Core Features & Use Cases

Fast development server with native ESM and hot module replacement (HMR).
Plugin API and configuration using vite.config.ts for flexible tooling and library/SSR projects.
Built-in SSR and library mode support, plus environment and rollup-like capabilities via Rolldown migration.

Quick Start

Run vite to start the development server and begin building your app with fast feedback.

Frequently Asked Questions about vite

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

FAQPage Schema

How do I configure a Vite project for SSR and library builds?▼

You can configure SSR and library builds in Vite by defining your settings in vite.config.ts. Vite offers built-in server-side rendering and library mode support, utilizing native ESM and the Oxc transformer to bundle applications efficiently for production.

What is the benefit of migrating frontend builds to Vite 8 with Rolldown?▼

Migrating frontend builds to Vite 8 with Rolldown accelerates development and production tasks. Rolldown provides rollup-like capabilities, reducing wait times and setup overhead while supporting native ESM and hot module replacement for fast feedback.

Does Vite require a specific configuration file for its dev server and plugins?▼

Vite uses vite.config.ts to configure its fast development server, plugin API, and build environments. This file manages hot module replacement, native ESM processing, and rollup-like capabilities via Rolldown migration.

Can I use Vite for frontend development without extensive build configuration?▼

Vite provides an opinionated frontend toolchain that simplifies development without extensive configuration. Running vite starts a development server with native ESM and hot module replacement, reducing setup overhead and providing fast feedback for your app.

Why use Vite over other frontend build tools for development and production?▼

Vite accelerates frontend builds by leveraging native ESM for its dev server and Rolldown for production. It reduces wait times through hot module replacement and an opinionated setup defined in vite.config.ts, simplifying your toolchain.