Unlimited power with Laravel and Vite!
summary
Laravel replaces Mix with Vite through a dedicated plugin that configures Vite for server-rendered apps, adds a separate CSS entry for SSR, and keeps user Vite configs minimal. The plugin writes a hot file in public/ to advertise the dev URL, automatically listens on 0.0.0.0 inside Sail containers so the dev server is reachable, and injects the Vite client into Blade layouts during dev. It supports HMR (very fast), SRI via vite-plugin-manifest-sri, and automatic CloudFront URL wiring for Vapor deployments.
AI-written summary · about
chapters (10)
- 0:00Introduction to Laravel Mix
- 1:24Transitioning to Vite
- 2:09Configuring Vite in Laravel
- 3:22Integrating with Jetstream
- 5:10Development server features
- 6:19Managing the dev environment
- 7:49The hot file mechanism
- 8:57Testing hot module replacement
- 9:40Advanced features and support
- 11:18Conclusion
related talks
20mA bit of Alchemy: How we use Vite at Laravel
11mThe Magic of Vite on Mobile
23mFuture of Nuxt and Vite
01h 19mVite Panel Discussion 2023
32mIntroducing Abell, a New Vite-Powered Static-Site-Generator
29mThe Vite Environment API
50mNuxt and Vite Core Teams LIVE panel
32mHow Vite Changes the Game for Vue and Web development