Какие html-препроцессоры используете?

Question

[Ucorp]

Всем привет!
Использую для верстки Pug (Jade). Но он меня не совсем устраивает. В частности не нравиться завязанность на отступах. Смотрел Haml, там тоже самое.
В принципе меня обычный html вполне устраивает. Не хватает только вложенности шаблонов и циклов, т.е что-то типа Blade из Laravel. Есть какой-нибудь аналог на Node.js?

Comments

[Ucorp]

Велика вероятность сделать ошибочную вложенность. Да и просто не нравится такой подход.

[Vasyl Kovbassa]

А еще руби. Если большая вероятность сделать ошибку через отступления, значит ты его не правильно используешь. Он задуман не как сокращенный синтаксис html, чтобы на нем писать по 300 строчек кода. А как инструмент для разбивки больших документов на мелкие модули которые включаются в нужных местах одной строчкой.

[zooks]

Ucorp: вероятность велика в первые два дня, и то если у тебя нет опыта с Python или Sass. Так что лучше Pug ничего не придумали, бери и используй.

Answer 1

[Кемал Демирель]

До сих пор есть те, кто использует такие сложные препроцессоры хтмл ?
А чем тебе Emmet не устраивает. Освой его и ты никогда больше не будешь ломать себе мозги с нодой .

Comments

[Ucorp]

Причем тут Emmet? Меня ванильный хтмл вполне устраивает. Использую препроцессор чисто для разбивки файлы (компоненты, модули), редко циклы, наследование шаблонов. Собственно поэтому и возник вопрос. Если знаете такой, готов выслушать.

Answer 2

[Vasyl Kovbassa]

На сколько могу судить то Нода, как раз таки тесно завязана на pug / jade.
А из других шаблонизаторов подобные возможности видел только в bem-xjst

Comments

[Ucorp]

Имелось в виду компиляция через ноду

[Сергей delphinpro]

Где это она завязана на jade? Большинство туториалов по экспрессу используют jade в качестве примера, но ведь это ничего не значит.

[Vasyl Kovbassa]

Спорить не буду, я пока не спец по Ноде, но очень часто в различных статьях, на различных форумах эти три слова - Node, Express, JADE идут рядом. Отсюда и делаю вывод

[Vasyl Kovbassa]

Да тут не о чем спорить. pug это практически es6 + некоторые плюшки в виде упрощенного синтаксиса. То есть на нем можно реализовать все, что придет в голову. Отступления меня по началлу тоже напрягали и я искал аналогию со скобками по типу sass и scss. Но через неделю работы я понял что это очень удобно, а если уж очень хоцца постивиты скобку, так ставьте. В почему проблема, только перед ней напишите "-"

Answer 3

[Андрей Хохлов]

Handlebars попробуйте

Comments

[Ucorp]

Не совсем то. Мне в итоге надо получить скомпилированный, статичный html

[Андрей Хохлов]

Ucorp: изучите подробнее, можете на примере Tars от 2GIS, там это один из доступных шаблонизаторов

Answer 4

[Al]

EJS -как вариант, для него можно написать какой-нибудь свой класс View, который будет обрабатывать шаблоны как угодно. Можно и теги сделать и инклуды и что угодно. Плюс его в том что ничего не запутано и все понятно, легок в освоении. Минус - это то что все модификации руками придется допиливать (я это сделал на одном из своих проектов - доволен).

Answer 5

[oilala]

Gulp-include использую для разбивки кода на блоки.

Answer 6

[dom1n1k]

Сам проходил Jade и тоже остался им не совсем доволен. Были плюсы, но были и минусы и в целом выходило не лучше, а просто как-то по-другому. Тоже смотрел на альтернативы, и они нравились ещё меньше.
Twig и ему подобные - кмк, хороши в качестве шаблонизаторов, но не HTML-препроцессора, то есть тоже мимо.
Так что вернулся на голый HTML. Можно опционально добавить Emmet, но у меня как-то не пошёл он.
А потом оказалось, что циклы хорошо реализуются в Angular/React/Vue (подчеркнуть нужное по вкусу), так что прикручивать ещё и препроцессор стало вообще лишним.

Answer 7

[name surname]

можно попробовать nunjucks