Как в jade инклюд передать вёрстку?

208
02 августа 2017, 19:12

пути:

src/blocks/navigation/navigation.jade

src/pages/index.jade

mixin filter
    div some text
include ../blocks/navigation/navigation

В самом navigation имеем:

.navigation
    .container
        .navigation-row
            +filter

Однако, данная конструкция вываливается с ошибкой undefined. Что я делаю не так?

Answer 1

В вашем случае в файле navigation.jade не хватает либо объявления mixin filter, либо его подключение из внешнего файла.

Например, структура может быть следующей.

src/blocks/navigation/navigation.jade

include ../../mixins/filter
.navigation
    .container
        .navigation-row
            +filter

src/mixins/filter.jade

mixin filter
    div some text

src/pages/index.jade

include ../blocks/navigation/navigation
.other-1
    .other-2
        Example text.

Тогда при конвертации в HTML всей директории src — будет конвертироваться всё, включая mixins.

Чтобы исключить из конвертации ненужные директории: нужно либо подумать над структурой, либо явно указывать что конвертировать и/или исключить.

READ ALSO
Не работает window.addEventListener('onload', func) [требует правки]

Не работает window.addEventListener('onload', func) [требует правки]

Когда я пытаюсь использовать windowaddEventListener('onload', func) и ему подобные, то на странице ничего не происходит, но при этом, когда я пишу, к примеру,...

235
JSF элемент сделать недоступным

JSF элемент сделать недоступным

Привет я junior-java приходится работать с JSF в нём я как в балете(никак)

239
видеоплеер GoogleDrive - PHP

видеоплеер GoogleDrive - PHP

Необходимо сделать веб плеер который бы играл видео с Google DriveНО! НЕ ДЕЛАЛ РЕДИРЕКТ на страницу с просмотром, а играл в плеере на моем сайте

310
Как можно реализовать ползунок? [требует правки]

Как можно реализовать ползунок? [требует правки]

Как можно реализовать вот такой ползунок как на картинке?

263