A Tour of the Vite Ecosystem
summary
V is shifting to V5 ESM-only warnings and that reduces distributed bundle size and speeds browser-based tutorials; projects use pnpm and can reuse Rollup plugins via the V plugin API. vitest runs ESM tests and reuses V transforms. Built demos show vite-imagetools -> avif/webp producing picture tags from imports and working in SvelteKit, unplugin-icons serves virtual icon imports, PartyTown moves analytics off main thread and restores a ~10-point PageSpeed drop, and a tiny Tauri desktop build (~0.5 MB) and an inline custom V plugin all work as shown.
AI-written summary · about
chapters (14)
- 0:00Introduction to Vite
- 1:48Creating a Vite project
- 3:13ESM and module support
- 4:37Testing with V Test
- 6:03Built-in Vite performance features
- 7:49PostCSS and Tailwind setup
- 9:17Using Unplugin Icons
- 12:20Image optimization with Vite
- 14:50Pre-processors for images
- 16:56Offloading scripts with Party Town
- 17:38Building desktop apps with Tauri
- 18:20Writing custom Vite plugins
- 18:43Component development with Storybook
- 20:00Conclusion and resources
related talks
17mThe Vite Ecosystem
38mHow vite changes the game for Vue and Web development
21mVue's Road to Vite
38mVite, a New Era of Frontend Tooling?
20mVite - The Next Generation Frontend Tooling
11h 49m42 talks about the tools and frameworks innovating in the Vite Ecosystem
15mVite: The next generation frontend tooling
43mVite Team Panel