Как лучше всего реализовать цикл разрботкки проекта jade+sass -> html+css -> php?

Question

[Артем]

Здравствует.
Не являюсь профессионалом, просто улучшить свои навыки и процесс разработки.
Так как не смог найти решения своего вопроса на просторах интернете и здесь (возможно плохо искал), решил попробовать спросить.

До знакомства с такими технологиями как Jade и Sass путь разработки проектов был такой:
1. Верстаю на чистом html + css
2. Разбиваю html на части для организации шаблонизации с последующим подключением в php или просто использую какую-нибудь простую систему шаблонизацию

Раньше при каких-либо изменениях в верстке поменять html где-то в коде не было проблемой.
Но теперь возникают вопросы как решить внедрение php кода в верстку на стади написания jade и так чтобы в редакторе подсветка синтаксиса php сохранялась, использую Sublime Text 3.
Сборку произвожу при помощи Gulp

Хотел бы помощи и совета как такое лучше на сегодня реализовать и какие есть корректные практики.

Заранее спасибо за потраченное на мой вопрос время.

Answer 1

[Кирилл Арутюнов]

Не очень хорошо разбираюсь в новомодных фронтендовских штуках, но на одном из недавних проектов верстка была реализована с помощью Jade.

Так вот сначала верстальщик отверстал все на Jade, потом скинул набор html-файлов со стилями. И эти html-файлы уже разбивались на куски и внедрялись в шаблоны (view-файлы в Yii2).

Comments

[Артем]

Это понятно, но если вдруг что-то в верстке поменяется то опять нужно разбивать и внедрять в шаблон. Не очень это удобно. Хорошо если изменения редко, но что если часто и проект не один.
Допусти у меня есть готовый макет странички с демо данными таблица.
когда внедряю в php то табличку удаляю и вставляю код которы отвечает за вывод этой таблички из бд. И таких моментов много

[Кирилл Арутюнов]

Артем: Погуглил — есть JadePHP. На ходу компилирует Jade шаблоны в PHP, таким образом вам даже не надо иметь html-шаблонов в своем коде.

Правда, поддержка проекта пострадает, потому что не любой специалист сходу разберется во всем этом многообразии технологий.

Предполагаю, что Jade удобен для верстки большого количества файлов, а дальнейшие правки уже осуществляются в скомпилированном HTML, в самих view-файлах.

Хотя весьма интересно, как обстоят дела с большими проектами, где регулярно верстаются новые страницы и изменяются старые — там Jade-шаблоны нужно держать в актуальном состоянии.

[Артем]

Да я тоже находил информацию о jadePhp и еще похожие вещи, но это все немного не то.

По поводу изменений во view меня немного не радует, боюсь чтоб не получилась путаница актуальных изменений и не вызвать конфликт между jade фалами и конечными фалами шаблонов во view, в общем-то по этому то я задался вопрос найти решение для этой задачи. Спасибо Вам за проявление интереса.

[Vicom]

Артем Кирилл Арутюнов
вот это (опускаем контроллеры и модели, т.е. чисто сколько вьюху набивать) у меня заняло где-то 2-5 секунд, не более. это реально.

https://i.gyazo.com/62c975fd27d4e922dc3712b0851437...

подрубил себе https://packagist.org/packages/jacmoe/yii2-tale-jade
и работаю без необходимости заботиться об обновлении HTML из Jade,
это происходит (как мне подсказывает интуиция, только учу Yii2) автоматом
при генерации php-кэша приложения, а я просто меняю Jade-файл и дальше
всё за меня сделает расширение

'view' => [
'defaultExtension' => 'jade',
'renderers' => [
'jade' => [
'class' => 'jacmoe\talejade\JadeViewRenderer',
'cachePath' => '@runtime/Jade/cache',
'options' => [
'pretty' => true,
'lifeTime' => 0,//3600 -> 1 hour
],
],
],
]

скрин на случай кривого форматирования приложил:
https://i.gyazo.com/af6c91cc4019aad7cf52bfe09a02fd...