Сборщик проектов для Аврора

Правила работы

1. Подключение изображенией делается через @img/

2. SVG спрайты собираются из изображений в папке /svgicons

3. Шрифты складываем в папку /fonts можно в одном формате - ttf. Главное чтобы были четкие названия толщины шрифта (регистр не важен)

   extralight
   light
   medium
   semibold
   bold
   extrabold / heavy
   black
   

   так сборщим сам укажет соответсвующие значения в font-weight, в противном случае он поставит дефолтное значение 400 и нужно будет править ручками

   • Так же при какие=то изменениях файлов шрифтов - необходимо удалить файл fonts.scss для того, чтобы сборщик собрал его заново

Инструкция по установке

VS Code

1. Ставим плагин для VS Code Path Autocomplete

2. В VS Code в левом нижнем угла идем в Настройки.

   • Далее в строке поиска пишем json.
   • Выбираем JSON в левом меню
   • В JSON: Schemas нажимаем Edit is settings.json
   • В открывшемся файле после первой { вставляем

   "path-autocomplete.pathMappings": {
       "@img": "${folder}/src/img",
       "@scss": "${folder}/src/scss",
       "@js": "${folder}/src/js",
   },

   • Сохраняем файл

Node.js

Для работы gulp потребуется node.js, скачать его можно здесь https://nodejs.org/en/

Gulp

В консоли переходим в папку проекта и приписываем

yarn

Теперь все необходимые пакеты установлены и можно запускать сборщик командой

yarn run dev

Для сборки итоговой версии верстки используем

yarn run build

Вся готовая верстка находится в папке /dist