Vite in Laravel Project

Published: 27 March 2024
on channel: Igor Babko

359

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, duration hours minute second in high quality that is uploaded to the channel Igor Babko 27 March 2024. Share the link to the video on social media so that your subscribers and friends will also watch this video. This video clip has been viewed 359 times and liked it 5 visitors.

4,188

149