Сборщик шаблонов на платформе InSales

• Возможность переноса компонентов между проектами

• Подключение плагинов/шрифтов простым переносом файлов в папку

• Удобная работа с scss переменными

• Встроенный insales-uploader

Установка

npm i itb -g

Для Mac и Linux не забывайте подставлять sudo

Инициализация

В папке для проекта нужно выполнить команду

itb init

После данной команды будет создан файл настроек, в котором нужно указать настройки для InSales uploader

Команды

Для справки доступных команд, введите в консоли itb -h.

Имя команды	Назначение
init или i	Инициализировать проект
build или b	Собрать тему
watch или w	Отслеживание изменений
setup или s	Установить базовый проект
create [components...]	Создать компоненты
push или p	Отправить тему на сервер

Например

itb create logotype

itb b

itb w

Для пользователей MacOs может потребоваться sudo

sudo itb b

sudo itb w

Назначение директорий

Имя директории	Назначение
components	Компоненеты которые будут включаться в шаблон
components/*/*.scss	Стили которые собираются в theme.scss
components/*/ui.scss	Стили которые собираются в ui.scss
components/*/plugins/*/*	Js/css плагины
components/*/media	медиа для компонентов
components/*/setup.json	setup.json для компонента
scss_import/variables	Переменные для scss
templates	Шаблоны
fonts	Шрифты
media	Медиа файлы для шаблона
config	Конфиги для темы
theme	Директория темы
bundles	Бандлы (css/js), содержимое директорий конкатенируется

Шрифты

Для генерации шрифтов с готовым файлом стилей хорошо подходит ресурс transfonter.