Jekyll как платформа Frontend - необходимо решение для рабочих процессов

Question

Это копия из моей ветки на Jekyll-Forums

ситуация

В нашей компании мы проходим одинаковые фазы для каждого проекта:

1. дизайн
2. презентация
3. развитие

К сожалению, мы так тесно связаны с огромным количеством проектов, что мы не обновляли наш рабочий процесс в течение многих лет. Мы все еще бродим по старой дороге

1. Дизайн (Фотошоп)
2. Презентация (конвертировать PSD в JPG скриншоты и макеты)
3. Разработка (конвертировать PSD в HTML)

Мне всегда неприятно видеть, сколько времени и денег мы оставляем на столе, шагая по этому пути. Каждый шаг полностью отделен от других. И... ну, я думаю, мне не нужно перечислять все недостатки этого подхода.

Я хотел бы изменить это и создать изощренную и гибкую среду интерфейса для нас.

Цель

Для этого Jekyll кажется правильным, поскольку он быстрый и есть несколько хороших автоматизированных стилевых решений. (например, этот)

В целом это план:

В этом рабочем процессе я вижу следующие преимущества:

1. Очень быстрый и гибкий (почти без дополнительной работы)
2. Гораздо лучший вывод (live-прототип вместо скриншотов)
3. Счастливые разработчики (руководство по стилю вместо огромного файла PSD)
4. Лучшая связь между дизайном, презентацией и разработкой

проблема

Я вижу, что все хорошо складывается, но мне интересно, как можно было бы сделать эту часть:

1. У вас есть мастер-версия фреймворка со всеми возможными компонентами.

2. Чтобы начать работу над новым проектом, вы создаете его свежий экземпляр, который включает только те компоненты, которые вам нужны. Только эти компоненты будут частью автоматизированного руководства по стилю.

Конечно, я мог бы просто сохранить Master-Framework где-нибудь, скопировать и вставить его для каждого нового проекта и вручную удалить ненужные компоненты. Но я думаю, это просто напрашивается на неприятности.

Кто-нибудь знает лучшее решение для этого? Какой-то генератор, который мог бы это сделать?

Спасибо за любой совет.:-)

Answer 1

Это хороший вопрос.

То, что вы пытаетесь сделать, называется атомным дизайном, и это можно сделать с помощью Jekyll.

Используя include, вы можете создать мощный набор компонентов, таких как:

{% include fish.html param1="truite" param2=page.variable %}

И вы можете получить данные внутри включенных файлов с помощью:

{{ include.param1 }}

или же

{% if include.param2 %}
  ...

Так что да, вы можете выйти из этого старомодного процесса проектирования с Jekyll.