Vite - новый король assets в Laravel. Обновление ларавел 9.19. скачать в хорошем качестве

Vite - новый король assets в Laravel. Обновление ларавел 9.19.

Сегодня мы максимально понятно для всех разберемся что такое vite, зачем он нам, для тех кто испугался и только привык к mix покажем как вернуть mix, а для всех остальных, кто идет в ногу со временем - разберем плюсы, установим view, поймем как с этим работать локально и на продакшене. Полезные ссылки: https://vitejs.dev https://laravel-news.com/webpack-to-vite https://github.com/laravel/laravel/co... #vite#laravel#cutcode --------------------------------------------------------------------------------- 🚀📹👨‍🏫 Как насчет прокачки своих навыков с помощью наших обучающих видеокурсов по web-разработке? Переходи на мой сайт 👇 https://learn.cutcode.dev/ ❗️❗️❗️Присоединяйся к нашему комьюнити в телеграм - там и советом помогут и много интересного - https://t.me/laravel_chat 🤖🤖🤖Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - https://cutcode.ru/chat-bot --------------------------------------------------------------------------------- ⏰ Таймкоды: 00:00 Введение 01:13 Какие произошли изменения в Laravel 9.19 02:44 Если нужно вернуться к webpack.mix 03:26 Как мигрировать старый проект на Vite 03:40 Установка и особенности Vite 05:42 Подключение blade 08:48 Как быть с продакшен? 09:50 Assets 10:35 Подключение vue 14:56 Подведение итогов Всех поклонников Laravel я приветствую на канале CutCode! Коллеги в этом месяце всего один апдейт вышел для нашего любимого фреймворка, но он интересный и серьезный. Webpack.mix rest in peace в Laravel - как говорится "Король умер! Да здравствует новый король!". Vite - новый король ассетов в laravel. Друзья я не забил в очередной раз на произношение английских слов, просто произносится действительно vite и об этом говорит документация - это французское слово означающая быстрый (quick), да и он действительно быстрый. Сегодня мы максимально понятно для всех разберемся что такое vite, зачем он нам, для тех кто испугался и только привык к mix покажем как вернуть mix, а для всех остальных, кто идет в ногу со временем - разберем плюсы, установим view, поймем как с этим работать локально и на продакшене, ну и немного не в тему, но как говорит L'One - "локти на старт!". Погнали! Для начала давайте посмотрим на изменения - я установил свежий Laravel версии 9.19 и мы сходу не видим в новом проекте WebPackMix.js. Но зато нас встречает Vite.Config.js. Друзья само собой vite так же как и webpackmix скомпилируют наши front-end asset. И если мы взглянем на первоначальный конфиг vite, то концепция такая же. Есть файлы на входе и они будут компилироваться в готовые бандлы. Давайте откроем старый в Webpack.mix и здесь тоже самое у нас есть файлы на входе, только здесь мы еще указываем куда именно мы будем их компилировать. В vite директория для компилированных файлов в папке public немножко изменилась - добавилась еще директория build, но об этом мы поговорим немного позже. Также изменился package.json - здесь само собой изменились зависимости, убрали mix, добавили vite и изменились команды запуска. Раньше нам нужно было компилировать ассеты с помощью npm run dev prot watch hat и так далее. Теперь суть примерно такая же, но только в двух новых командах vite для локальной разработки и vite build для продакшен. Но при этом компиляция будет в разы быстрее и удобнее при сравнении на средних проектах. Примерно в два раза быстрее. Но и это еще не все. Окей прежде чем поиграемся с vite, давайте начнем с вопроса - как быть если хочу вернуться к mix. Да друзья причины могут быть и не только в консерватизме а возможно какие-то зависимости не хотят работать с vite. --------------------------------------------------------------------------------- 📹 делитесь этим видео с друзьями:    • Vite - новый король assets в Laravel. Обно...   🔔 подпишитесь на YouTube-канал: https://www.youtube.com/c/CutCodeRu?s... 📼 Курс по Laravel с нуля:    • Курс по Laravel 8 обучение с нуля. Бесплат...   Vite - новый король assets в Laravel. Обновление ларавел 9.19. --------------------------------------------------------------------------------- 🔗 наш сайт: https://cutcode.ru/ 📷 наш instagram:   / cutcoderu   📱 Наш telegram-канал: https://t.me/laravel_cutcode