Облегчённая версия сборки ViteVerst — тот же движок, меньше мусора, чище структура.
Сделано на базе полной сборки: вырезано всё лишнее, код разнесён по логическим файлам, все стили переведены на CSS-переменные. Подходит для быстрого старта новых проектов.
- SCSS разбит на профильные файлы (
_base,_typography,_buttons,_forms,_animations,_vendor-overridesи т.д.) - Все переменные — CSS Custom Properties (
:root), SCSS-переменных в проекте нет app.jsочищен до стартового шаблона с заготовками под fancybox, swiper, smooth-scroll- Демо-страница
demo.htmlпоказывает все базовые компоненты (кнопки, формы, чекбоксы, WOW-анимации) - Cборка работает так же быстро, всё из коробки:
@@include, слоты, алиасы, мультистраничность
Фичи движка без изменений — смотри полную документацию.
git clone <этот-репо>
cd <project>
npm install
npm run devИли через BAT:
dev # разработка
build # сборка без минификации
build-min # сборка с минификацией и оптимизацией изображений
preview # предпросмотр
fonts # ttf → woff2app/
├── index.html, demo.html страницы
├── html/ partials (@@include)
├── scss/ стили (разнесены по ролям)
├── js/app.js стартовый JS
├── img/, fonts/, files/ ресурсы
└── vendor/ сторонние либы
- Полная сборка: github.com/lexa-zxc/viteverst
- Демо полной сборки: web-2112.ru/vite
MIT