Laravel Mix: настройка, плагины, сборка JavaScript и CSS, оптимизация картинок, создание SVG спрайта
Привет, друзья!
В данном видео я поделюсь с Вами своим личным опытом настройки Laravel Mix. На конкретном примере мы разберем такие задачи, как сборка JS/CSS/SASS/SCSS, оптимизация изображений, использование WEBP, генерация SVG спрайта, версионность статики, поддержка устаревших браузеров и т.д.
0:00 Вступление
1:15 Создание нового проекта
2:20 Базовые пакеты package.json
3:53 Установка дополнительных пакетов
5:50 Используемые пакеты и плагины
9:11 Поддержка браузеров, browserslist
11:09 Структура демо проекта
12:45 Конфигурация Lavarel Mix
14:18 Настройки для сборки JavaScript
17:31 Настройки для сборки стилей SCSS
21:33 Настройки для генерации SVG спрайта
24:37 Настройки для оптимизации изображений
27:12 Настройки для конвертации в WEBP
27:56 Версионность статики
28:51 Подробнее про демо проект
29:09 Скрипты в демо проекте
31:04 Стили в демо проекте
32:09 Верстка в демо проекте
35:46 Команды терминала
37:19 Демонстрация результата
42:04 Нюансы в Laravel некоторых версий
Ссылка на GitHub: https://github.com/lozunoff/laravel-m...
Приятного просмотра!
#laravel #laravelmix
Смотрите видео Laravel Mix: настройка, плагины, сборка JavaScript и CSS, оптимизация картинок, создание SVG спрайта онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Andrey Lozunov - Fullstack Web Developer 13 Февраль 2021, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,77 раз и оно понравилось 23 людям.