skills.rest
OpenAEC-Foundation
OpenAEC-FoundationOFFICIAL
Explore all skills by this author →
GitHub

vite-syntax-build

Configure Vite production builds with version-aware bundler options for Vite 6–8.

4|Updated Mar 20, 2026
Search Tags:#build#configuration#rollup#vite#minify#rolldown#sourcemap
One-click install
npx skills add https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-syntax-build
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vite-syntax-build
Source: https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer/tree/main/.claude/skills/vite/vite-syntax/vite-syntax-build
Command: npx skills add https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-syntax-build

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Configure and optimize Vite production builds across multiple major versions by aligning the correct bundler options, targets, and minification settings to prevent misconfigurations.

Core Features & Use Cases

  • Cross-version guidance for Vite 6–8, including the switch from Rollup options to Rolldown and the shift in minifiers.
  • Version-aware defaults for build.target, sourcemap handling, and CSS code splitting to ensure consistent production output.
  • Practical use cases include upgrading a project from Vite 6 to 8, configuring multi-page apps with rolldownOptions, and selecting appropriate minifiers for client and SSR builds.

Quick Start

Configure a Vite production build by choosing the correct version-specific bundler options (rolldownOptions for Vite 8+ or rollupOptions for 6-7) and setting build.target to the baseline-widely-available.

Frequently Asked Questions about vite-syntax-build

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

FAQPage Schema
How do I configure Vite production builds for multiple major versions?▼

Vite production builds switch from rollupOptions in versions 6-7 to rolldownOptions in version 8 and above, requiring version-conditional guidance to align bundler configurations correctly.

How do I switch from Rollup to Rolldown options in Vite?▼

To switch bundlers, use build.rolldownOptions for Vite 8 and above, replacing the build.rollupOptions key used in Vite 6-7 to configure multi-page apps and other bundler features.

What is the correct build target for Vite production builds?▼

The recommended build.target for Vite production builds is baseline-widely-available, establishing a consistent baseline for client and SSR builds across Vite 6-8.

Does Vite support different minifiers for client and SSR builds?▼

Yes, Vite supports selecting appropriate minifiers for client and SSR builds using version-aware defaults, optimizing production output across Vite 6-8.

How do I configure CSS code splitting and sourcemaps in Vite?▼

Configure CSS code splitting and sourcemap strategies in Vite by applying version-aware defaults and recommendations to ensure consistent production output across Vite 6-8.

Related Skills

Explore More Software Engineering Skills→
gouravsingh311gouravsingh311

python-configuration

Externalize Python application configuration into typed pydantic settings from environment variables.

Community
Intermediate
TheBushidoCollectiveTheBushidoCollective
187

jutsu-bun:bun-bundler

Bundle JavaScript/TypeScript applications for Bun, browser, and Node.js targets.

Official
Advanced
botPhUbotPhU

vite-expert

Diagnose Vite configurations and output guidance for build optimization.

Community
Advanced
Shaarav4795Shaarav4795

vite

Configure Vite projects with vite.config.ts for dev servers and production builds.

Community
Advanced