Vite in Laravel Project

Published: 27 March 2024
on channel: Igor Babko
359
5

A detailed guide on how to use Vite in Laravel project.

X -   / igorbabko  

🧪 Source code: https://github.com/igorbabko/laravel-...

🚀 Vite - full course:    • Builds with Vite  

🎨 PhpStorm theme: https://plugins.jetbrains.com/plugin/...
🎨 PhpStorm icons: https://plugins.jetbrains.com/plugin/...
✒️ Font: https://philpl.gumroad.com/l/dank-mono

Image sources:
https://unsplash.com/photos/pink-and-...
https://unsplash.com/photos/red-and-b...

👀 Other courses:
Vue Composition API From Scratch:    • Vue Composition API From Scratch  
TypeScript Integration Into Vue App From Scratch:    • TypeScript Integration Into Vue App F...  
My VS Code Setup:    • My VS Code Setup  
VS Code Productivity | My Hot Keys:    • My VS Code Key Bindings  
VSCode Neovim Extension:    • VSCode Neovim Extension  

#laravel #vitejs #laravelphp

🕛 Time codes:
00:00 - 1. Serving CSS and JS files
08:53 - 2. Building assets
13:57 - 3. Inline assets
18:03 - 4. Path aliases
21:25 - 5. Refreshing page on save
27:18 - 6. Static assets (images)
31:56 - 7. Macros
36:03 - 8. Image optimization
38:54 - 9. Environment variables
45:01 - 10. Disabling Vite in tests
48:49 - 11. Advanced customization
53:25 - 12. Tailwind CSS installation
56:59 - 13. Vue installation
01:01:55 - 14. React installation


Watch video Vite in Laravel Project online without registration, duration hours minute second in high quality. This video was added by user Igor Babko 27 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 359 once and liked it 5 people.