Vite сборщик для верстки (sass, handlebars, vituum)
Автор: Ты Разработчик
Загружено: 2025-12-12
Просмотров: 8
В этом видео показываю как настроить Vite для верстки проектов, будем использовать плагины (sass, handlebars, vituum)
шаблон для верстки и все плюшки связанные с версткой этого сайта - (https://boosty.to/youdeveloper)
Плейлист верстки Createx ( • Верстка Createx )
Создание шаблона на Gulp ( • Ускоряем верстку: Настройка Gulp для Front... )
Таймкоды:
00:00 – Дисклеймер
00:08 – План ролика
01:41 – версии node.js, pnpm, nvm
02:28 – установка и настройка Vite
03:25 – первая проблема
03:45 – создаем конфиг vite
04:25 – ставим Vituum и handlebars (шаблонизатор)
05:06 – фиксим warning
05:30 – создаем структуру папок
06:13 – настраиваем index.hbs + partials
07:01 – подключаем partials в index.hbs
07:45 – подключаем плагины vituum и handlebars в конфиг
08:08 – настройка handlebars в конфиге
08:33 – проверяем сборку
08:40 – настройка стилей
10:07 – структура папок styles
11:43 – собираем все стили в кучу
12:20 – тестируем сборку
12:56 – плагин для оптимизации картинок
14:44 – пример подключения сторонней либы (swiper)
16:55 – разбираем прод сборку
18:07 – как смотреть прод сборку
18:45 – gulp vs vite (краткий итог)
20:00 - поддержка
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
