What problem does it solve?
This Skill helps you navigate and implement complex Vite build configurations, including multi-environment setups, advanced plugin development, and optimization strategies for modern web applications.
Core Features & Use Cases
- Multi-Environment Builds: Configure Vite for distinct client, SSR, and edge runtimes using the Environment API.
- Plugin Development: Understand how to create custom Vite plugins with various hooks and virtual module support.
- Build Optimization: Implement advanced chunk splitting, SSR configurations, and library mode builds for efficient deployment.
- Use Case: You need to set up a Vite project that serves a React app on the client, renders it server-side for SEO, and also deploys a version to a serverless edge function.
Quick Start
Configure Vite to build for browser client, Node.js SSR, and Cloudflare edge targets.