Take a look into how Vite makes building web app with build tools easier and faster.
Overtime developers have gotten used to using bundlers, like WebPack, and know the struggle of waiting for long builds, especially as project become more complex. Vite works like a simple file server, but provides many enhancements over native ESM imports to support various features that are typically seen in bundler-based setups. In this episode, You walks us through Vite's impressive capabilities.
Key moments:
• What is Vite (1:04)
• Starting a project (4:33)
• How TypeScript works on Vite (5:50-6:11)
• How CSS is Hot Updated (6:34)
• Named imports (8:45)
• Vite is framework agnostic (10:34)
• Hot Module Replacement on Vite (12:39)
• Debugging made easy (19:11)
• Speed of Vite (19:54)
• Caching on Vite (22:31)
• Developers save time on Vite (24:04)
• Production and development builds and previews (26:44)
• Code-splitting Vite (28:13-29:27)
• Snowpack vs. Vite (30:04)
• ES module compatibility (34:22)
• How You got started building Vite (35:21)
• What should people look forward to in the future of Vite (55:06)
Watch video A Vite Demo | Evan You online without registration, duration hours minute second in high quality. This video was added by user JavaScript Jam 14 May 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 12,545 once and liked it 217 people.