Что такое extends в Pug (Jade)?

Question

[game802]

Добрый день уважаемые знатоки.
Столкнулся с не понимаем того, что такое extends в html-препроцессоре Pug (бывший Jade)
Не могли бы вы мне объяснить для чего он нужен и где лучше всего его использовать? Большое спасибо за любые разъяснения!
P.S. с include разобрался полностью, а вот сути extends так и не понял

Comments

[xmoonlight]

Спасибо, что пригласили, но я не использовал никогда Jade. Поэтому - помочь не смогу... Сорри.

[Модератор]

game802, за порчу вопросов будет больно.

Answer 1

[akzhan]

описано же нормально в https://pugjs.org/language/extends.html

extends описывает шаблон (предок или раскладку), и выхлоп будет обёрнут в этот базовый шаблон, при этом текущий шаблон может заменить любые блоки в шаблоне-предке.

Наследование шаблонов может иметь любую глубину.

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

Ну и для внедрения раскладок (layouts).

Воспринимайте просто как наследование, где потомок может переопределять блоки предка.

Comments

[game802]

Большое спасибо за развернутый ответ!

Answer 2

[zooks]

Используется так:
1. Создается общий шаблон layout.pug с инклудами header.pug, footer.pug.
2. Создаются подшаблоны main.pug, contact.pug, cart.pug, которые "расширяют" шаблон layout.pug. Т.е. наследуют его блоки.
3. Путем переопределения содержимого блоков в подшаблонах получаются новые шаблоны, с общим предком layout.pug. Т.е. при необходимости правок удобно изменить только layout.pug, не затрагивая все шаблоны.

Если официальной справки недостаточно, то вот неплохая статейка:
www.reclamare.ua/blog/jade-preprocessor-html-i-sha...

Comments

[game802]

Большое спасибо за ответ и за статью!