Задать вопрос
@AleksKek
учусь веб-разработке

Организация pug?

Всем привет, решил попробовать pug. С синтаксисом вроде все понятно, но мне не понятно именно организация файлов, дробление, подключение миксинов и инклюдов и тд. Есть ли статья по эти штуковинам или хороший пример?
И как вы вообще в своих проектах организуете работу с pug'ом?
  • Вопрос задан
  • 2884 просмотра
Подписаться 11 Оценить Комментировать
Ответ пользователя alvvi К ответам на вопрос (3)
alvvi
@alvvi
export default apathy;
Не претендую на правильность, но для себя удобным счел такой вариант:
клик
625af68590094936abeee9ee8e96c937.png

Каждый компонент - pug-миксин. Миксины могут быть вложенными, например:
клик
73a93bf7e39d424f9fa5562a97595cfc.png

+ делаем layout.pug, от которого @extend-им все страницы, инклюдим нужные компоненты и в конце вызываем миксины
вот так
b84983c87f8045c283797190552cf5eb.png

В целом получаются вполне себе реюзабельные блоки вместе с разметкой, логикой стилями и контентом. Такое очень легко натягивать на Express или просто перекидывать с проекта в проект.
Ответ написан