Vite - новый король assets в Laravel. Обновление ларавел 9.19.
"Сегодня мы максимально понятно для всех разберемся что такое vite, зачем он нам, для тех кто испугался и только привык к mix покажем как вернуть mix, а для всех остальных, кто идет в ногу со временем - разберем плюсы, установим view, поймем как с этим работать локально и на продакшене. Полезные ссылки: https://vitejs.dev https://laravel-news.com/webpack-to-vite https://github.com/laravel/laravel/commit/86b4b1b65659a7b0f4b3dad1e753aa1efa5a7642 #vite#laravel#cutcode --------------------------------------------------------------------------------- ???? Как насчет прокачки своих навыков с помощью наших обучающих видеокурсов по web-разработке? Переходи на мой сайт ? https://learn.cutcode.dev/ ❗️❗️❗️Присоединяйся к нашему комьюнити в телеграм - там и советом помогут и много интересного - https://goo.su/FaKvdeG ???Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - https://cutcode.dev/chat-bot?utm_source=rt --------------------------------------------------------------------------------- ⏰ Таймкоды: 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. --------------------------------------------------------------------------------- ? делитесь этим видео с друзьями: https://www.youtube.com/watch?v=Rhd2dA8w4Gg ? подпишитесь на YouTube-канал: https://www.youtube.com/c/CutCodeRu?sub_confirmation=1 ? Курс по Laravel с нуля: https://www.youtube.com/watch?v=phTSw6XDATw&list=PLTucyHptHtTkUbXaikXEmCWL8GradRx9I Vite - новый король assets в Laravel. Обновление ларавел 9.19. --------------------------------------------------------------------------------- ? наш сайт: https://cutcode.dev/?utm_source=rt ? наш instagram: https://www.instagram.com/cutcoderu/ ? Наш telegram-канал: https://t.me/laravel_cutcode"
"Сегодня мы максимально понятно для всех разберемся что такое vite, зачем он нам, для тех кто испугался и только привык к mix покажем как вернуть mix, а для всех остальных, кто идет в ногу со временем - разберем плюсы, установим view, поймем как с этим работать локально и на продакшене. Полезные ссылки: https://vitejs.dev https://laravel-news.com/webpack-to-vite https://github.com/laravel/laravel/commit/86b4b1b65659a7b0f4b3dad1e753aa1efa5a7642 #vite#laravel#cutcode --------------------------------------------------------------------------------- ???? Как насчет прокачки своих навыков с помощью наших обучающих видеокурсов по web-разработке? Переходи на мой сайт ? https://learn.cutcode.dev/ ❗️❗️❗️Присоединяйся к нашему комьюнити в телеграм - там и советом помогут и много интересного - https://goo.su/FaKvdeG ???Мой помощник Тэйлор готов выдать тебе подарок. Забирать тут - https://cutcode.dev/chat-bot?utm_source=rt --------------------------------------------------------------------------------- ⏰ Таймкоды: 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. --------------------------------------------------------------------------------- ? делитесь этим видео с друзьями: https://www.youtube.com/watch?v=Rhd2dA8w4Gg ? подпишитесь на YouTube-канал: https://www.youtube.com/c/CutCodeRu?sub_confirmation=1 ? Курс по Laravel с нуля: https://www.youtube.com/watch?v=phTSw6XDATw&list=PLTucyHptHtTkUbXaikXEmCWL8GradRx9I Vite - новый король assets в Laravel. Обновление ларавел 9.19. --------------------------------------------------------------------------------- ? наш сайт: https://cutcode.dev/?utm_source=rt ? наш instagram: https://www.instagram.com/cutcoderu/ ? Наш telegram-канал: https://t.me/laravel_cutcode"