skills.rest
bskimball
bskimballCOMMUNITY
Explore all skills by this author →
Website𝕏@_bskimballGitHub

vite

Configure Vite projects and migrate to Vite 8 Rolldown.

117|11|Updated Aug 19, 2025
Search Tags:#migration#library#config#vite#ssr#rolldown#plugin-api
One-click install
npx skills add https://github.com/bskimball/tanstack-hono --skill vite-bskimball
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vite
Source: https://github.com/bskimball/tanstack-hono/tree/main/.agents/skills/vite
Command: npx skills add https://github.com/bskimball/tanstack-hono --skill vite-bskimball

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Vite is a fast, opinionated frontend tooling stack. This skill consolidates configuration patterns, plugin API usage, SSR guidance, and migration steps to Rolldown, so teams can accelerate setup and reduce boilerplate.

Core Features & Use Cases

  • Configuration patterns for vite.config.ts and defineConfig
  • Plugin API guidance, virtual modules, and server-side rendering workflows
  • Rolldown migration guidance from legacy builds to Vite 8

Quick Start

Begin by reviewing core config patterns and migration notes to scaffold a Vite-ready project.

Frequently Asked Questions about vite

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

FAQPage Schema
How do I configure vite.config.ts using defineConfig for a modern front-end project?▼

Vite configuration with defineConfig in vite.config.ts establishes core build settings, plugin integration, and server options. This skill provides consolidated configuration patterns to scaffold projects, apply best practices, and reduce boilerplate setup.

What is the best way to migrate a legacy build to Vite 8 Rolldown?▼

Migrating to Vite 8 Rolldown requires evaluating legacy build configurations and applying specific migration steps. This skill outlines Rolldown migration guidance, detailing concrete requirements and referencing core-config and rolldown-migration documentation for a smooth transition.

How does the Vite plugin API work for virtual modules and server-side rendering?▼

The Vite plugin API enables custom virtual modules and server-side rendering workflows by hooking into the build pipeline. This skill delivers plugin API guidance and SSR patterns to help teams implement complex front-end tooling features effectively.

Can I use Vite to build and package a JavaScript library?▼

Yes, Vite supports library builds by configuring vite.config.ts with specific build formats and output targets. This skill provides library build patterns and plugin API guidance to package reusable components and distribute them efficiently.

What are the limitations when setting up SSR workflows in Vite?▼

SSR workflows in Vite require careful plugin API configuration and server-side rendering setup to avoid module loading issues. This skill describes concrete SSR requirements and best practices to navigate constraints and ensure stable server-side rendering.

Related Skills

Explore More Software Engineering Skills→
BigdropsBigdrops
1

vite

Manage Vite configurations, SSR guidance, and Vite 8 advanced features.

Community
Intermediate
djnsty23djnsty23
2

deploy

Deploy and configure CI/CD workflows for Vercel, Supabase, and GitHub Actions.

Community
Advanced
Montte-erpMontte-erp
6

tanstack-devtools

Unify TanStack library debugging interfaces into a single extensible devtools panel.

Official
Intermediate
Camilo8902Camilo8902

hot-reload-optimizer

Configure Vite, Next.js, and webpack for faster hot module replacement.

Community
Intermediate