How vite changes the game for Vue and Web development
summary
Vite is a two-part build tool with a fast dev server and a Rollup production build; the dev server serves native ES modules and leverages esbuild so dev server starts <300ms and HMR <100ms. Benchmarks claim 10–100× speedups versus webpack/ Vue CLI and migration examples show a Quasar switch in under an hour saving ~90% of build time. Ecosystem pieces include VitePress, Vitest for testing, SSR still marked experimental, and over 1M weekly npm downloads.
AI-written summary · about
chapters (18)
- 0:00Introduction
- 3:53What is Vite and why it matters
- 6:03Vite’s dev server with ES modules
- 9:58Why Vite is faster than bundlers
- 13:05Vite’s build and Rollup integration
- 15:34Vite supports React
- 16:45Live React app with Vite
- 19:31Live Vue app with Vite
- 22:02Vite impact on developer tools
- 23:47Vue CLI to Vite migration
- 25:59Vite for SSR and SSG
- 26:43VitePress and Vitest
- 28:49FAQ about Vite
- 31:55Testing Vite apps
- 33:18Vite pronunciation
- 34:00Finding Vite developers
- 35:02Upcoming View School events
- 37:08Closing and summary
related talks
20mVite - The Next Generation Frontend Tooling
15mVite: The next generation frontend tooling
21mHow Vite Changes the Game for Vue and Web Developers
38mVite, a New Era of Frontend Tooling?
31mSpeed up your development flow with Vite
18mIntroduction to Vite & Vitepress
52mVite Under a Lense
15mNew Ways to Vue