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

Ready to run

npx skills add https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-syntax-build

💬 Prompt for ChatGPT / Claude Chat▼

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.