Vite в Laravel проекте
12Руководство по использованию Vite в Laravel проекте.
Telegram - https://t.me/igorbabko_dev
🧪 Исходный код каждого урока: https://github.com/igorbabko/laravel-...
🚀 Vite - полный курс: • Vite - сборщик нового поколения
🎨 Тема PhpStorm: https://plugins.jetbrains.com/plugin/...
🎨 Иконки PhpStorm: https://plugins.jetbrains.com/plugin/...
✒️ Шрифт: https://philpl.gumroad.com/l/dank-mono
🪄 Мои настройки VS Code: • Мои настройки VS Code
Источник картинок:
https://unsplash.com/photos/pink-and-...
https://unsplash.com/photos/red-and-b...
👀 Другие курсы:
Vite - сборщик нового поколения: • Vite - сборщик нового поколения
Настройка VS Code: • Настройка VS Code
VS Code Продуктивность | Мои Горячие Клавиши: • VS Code Продуктивность | Мои Горячие ...
VS Code + Neovim для новичков: • VS Code + Neovim для новичков
Расширение VSCode Neovim: • Расширение VSCode Neovim
Перенос Vue проекта на TypeScript: • Vue + TypeScript | Конвертация JavaSc...
Vue Composition API с нуля: • Vue Composition API с нуля
Кастомная настройка Tailwind CSS: • Кастомная настройка Tailwind CSS
Tailwind CSS + JIT компилятор: • Tailwind CSS + JIT компилятор
Лендинг Tesla на Tailwind CSS: • Лендинг Tesla на Tailwind CSS
Верстка YouTube на Tailwind CSS: • Tailwind CSS YouTube клон #1 - Шапка
YouTube клон на Vue 3 и Tailwind CSS: • YouTube клон на Vue 3 и Tailwind CSS
#laravel #vitejs #laravelphp
🕛 Тайм-коды:
00:00 - 1. Подключение CSS и JS файлов на странице
08:17 - 2. Сборка CSS и JS файлов
14:00 - 3. Внедрение CSS и JS кода в Blade шаблон
19:03 - 4. Псевдонимы путей (path aliases)
22:32 - 5. Автоматическая перезагрузка страницы
28:07 - 6. Статические файлы / импорт картинок
31:35 - 7. Макросы для класса Vite
36:05 - 8. Оптимизация картинок
38:56 - 9. Переменные окружения
46:29 - 10. Отключение Vite в тестах
50:11 - 11. Дополнительные настройки
56:42 - 12. Интеграция Tailwind CSS
59:54 - 13. Интеграция Vue
01:05:04 - 14. Интеграция React