vite · Vite Docs
Performance | Vite (main branch)
Provides strategies and configuration patterns to optimize Vite build performance and development server speed, including techniques for managing large dependency graphs and optimizing module loading.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Performance | Vite (main branch)
Provides strategies and configuration patterns to optimize Vite build performance and development server speed, including techniques for managing large dependency graphs and optimizing module loading.
When To Use
Use when you need to optimize Vite build times, reduce development server latency, or implement best practices for managing large-scale frontend projects in Vite.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/main-vite-performance-branch-workflow-guide.md | A guide detailing strategies to optimize Vite performance, including auditing plugins, reducing resolve operations, and avoiding barrel files. | Questions about a guide detailing strategies to optimize Vite performance, including auditing plugins, reducing resolve operations, a... |
examples/main-vite-performance-branch-vite-performance-guide-export.text | A text example demonstrating module export patterns discussed in the Vite performance guide. | Exact payloads, commands, or snippets shown in A text example demonstrating module export patterns discussed in the Vite performance guide. |
examples/main-vite-performance-branch-vite-performance-module-dependency-graph.text | A text representation of a module dependency chain involving main.js, BigComponent.vue, big-utils.js, and large-data.json to illustrate performance impact. | Exact payloads, commands, or snippets shown in A text representation of a module dependency chain involving main.js, BigComponent.vue, big-utils.js, and large-data.... |
examples/main-vite-performance-branch-vite-performance-transform-timing-logs.text | A text log showing Vite transformation durations for various files and client requests. | Exact payloads, commands, or snippets shown in A text log showing Vite transformation durations for various files and client requests. |
examples/main-vite-performance-branch-vite-server-warmup-config.text | A vite configuration object demonstrating the server warmup feature to pre-bundle specific client files. | Exact payloads, commands, or snippets shown in A vite configuration object demonstrating the server warmup feature to pre-bundle specific client files. |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /guide/performance.md for this page in Markdown format
- Main sections:
Review Your Browser Setup ,Audit Configured Vite Plugins ,Reduce Resolve Operations ,Avoid Barrel Files ,Warm Up Frequently Used Files .
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://main.vite.dev/guide/performance