Как работает наследование шаблонов для Pug / Jade? - PullRequest
Новая
       8

Как работает наследование шаблонов для Pug / Jade?

0 голосов
/ 08 апреля 2019

У меня проблема с наследованием шаблона (точнее с - block css ).У меня есть вложенные шаблоны: template.pug -> index.pug -> contactContainer.pug

Каждый файл имеет блок css .И template.pug получает все css блоков по index.pug и contactContainer.pug (это правильно), но в html дублирует contactContainer.css: 

<div id="leftColumn">
  <link rel="stylesheet" href="/stylesheets/layouts/main/contactContainer.css">
  <div id="contactContainer">
    <div id="concatSubcontainer"></div>
  </div>
</div>

Я думаю, что проблема с помощью " включает "вместо" extends", но я не уверен, потому что у меня мало опыта для Pug.

Пример моих файлов:

template.pug (основной файл шаблона) 

doctype html
html
    head
        include ./head
        block css
        block js

    body
        div(id="page")
            include ./header
            block body
            include ./footer

index.pug (основной файл) 

extends layouts/main/template

block append css
    link(rel="stylesheet" type="text/css" href="/stylesheets/index.css")    
block body
    div(id="mainContainer")

        div(id="leftColumn")
            include ./layouts/main/contactContainer

        div(id="rightColumn")
            include ./layouts/main/selfContainer

contactContainer.pug (шаблон для leftColumn ) 

block append css
    link(rel='stylesheet', href='/stylesheets/layouts/main/contactContainer.css')

div(id="contactContainer")
    div(id="concatSubcontainer")
...