Systemair

Как установить

  • склонировать репозиторий;
  • перейти в папку с проектом;
  • npm install

Начальная сборка

Чтобы появилась необходимая статика — gulp build. В дальнейшем для минификации изображений (она запускается отдельно) можно запускать gulp images.

Разработка и прод

Для разработки запустить gulp. Для продакшн-сборки — gulp build.

Структура

В /dev/ лежат .jade шаблоны — это страницы проекта. В них подключаются модули из /templates/. Модули так же могут включать в себя другие модули.

Стили лежат в /dev/css/. Главный файл /dev/css/style.scss подключает сасс-модули.

В /dev/css/libs/ лежат сбросы стилей, переменные, шрифты и (если вдруг) фреймворки.

В /dev/css/modules/ — модули. Названия файлов сасс-модулей по умолчанию совпадает с названием .jade-шаблона, к которому он относится.

В /dev/css/media/ — медиа-выражения для адаптива.

Скрипты находятся в /dev/js/. Главный файл /dev/js/app.js включает в себя модули для разных динамических частей: выпадающие меню, слайдеры и т.д. Используется ЕС6.

В папке /dev/external/ хранятся сторонние библиотеки. Там лежат сразу и скрипты, и стили. Приоритет этой папки ниже, чем подкчлюение через npm.

Поэтому если библиотека или пакет есть в npm, следует подключать его оттуда.

В файле /dev/static/content.json хранится мета-информация о проекте: заголовки страниц, тексты и т.д. (Необязательно, используется для удобства, если необходимо много раз дублировать какой-либо контент.)