Vite: The next generation frontend tooling
summary
Vite claims to shrink the dev feedback loop by serving native ES modules from a tiny dev server, doing HTTP requests per import instead of full bundling, and using esbuild pre-bundling for heavy deps. Production uses Rollup for optimized output. It delivers HMR without bundling and benchmarks show esbuild and swc run about 4–25× faster than Babel and roughly 2–9× faster than the TypeScript compiler, so edits appear almost instantly.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 0:32What is Vite
- 2:18JS module systems history
- 4:10Webpack limitations
- 6:21Vite for dev speed
- 7:47Vite’s ES modules
- 9:14Benchmarks with esbuild
- 10:17Vite browser support & plugins
- 10:59Migrating React to Vite
- 12:45Vite setup & config
- 13:53Vite in existing projects
related talks
20mVite - The Next Generation Frontend Tooling
38mVite, a New Era of Frontend Tooling?
38mHow vite changes the game for Vue and Web development
26mThe Future of Front End Tooling Is Here
20mThe Inner Workings of Vite Build
25mThe Eternal Sunshine of the Zero Build Pipeline
47mVite, a New Era of Frontend Tooling?
18mIntroduction to Vite & Vitepress