Vite Devtools
summary
Vite DevTools v2 visualizes Rollup build metadata to show exact bundle composition and why files end up in chunks, with an interactive import graph, before/after plugin transforms, and per-hook timing that surfaces slow plugins. It computes dependency sizes from real treeshaking and flags duplicate versions, supports deployable build snapshots, offers an RPC layer and embeddable panels or a browser extension, and exposes a DevToolsKit so frameworks can add framework-specific extensions and inspect plugin hook timing — prototypes exist but the UI is not yet stable.
AI-written summary · about
chapters (12)
- 0:00Introduction and speaker intro
- 1:06What is Vite+ plan
- 3:15Why dev tools matter
- 8:55Vite Devtools overview
- 11:00Build mode visualization
- 17:41Framework-agnostic challenges
- 19:07Extensibility with Devtool Kit
- 22:19Vite Devtools plugin system
- 24:45UI and deployment options
- 25:48Future vision and goals
- 27:14Current status and next steps
- 28:43Call for contributions
