vite-bundle-optimization - Optimize Vite Bundles and Build Performance
Provides Vite-specific patterns for optimizing bundles, code splitting, dependency handling, compression, and build performance in React applications.
Tags
Updated: 2026-10-01Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Avoid barrel file imports
- Configure manual chunk splitting
- Split routes with dynamic imports
- Lazy-load heavy components
- Defer third-party scripts
- Preload assets on user intent
- Configure dependency pre-bundling
- Enable asset compression
- Analyze bundle size
Inputs
- Vite project source
- Vite build configuration
- Dependency list
- Bundle analysis data
Outputs
- Updated source imports
- Updated Vite configuration
- Code-split build assets
- Compressed build assets
- Bundle analysis report
Requirements
- Vite build environment
- React project
- Node.js package execution