У меня есть три файла Pug в приложении Node.js / Express, которое выглядит следующим образом:
//layout.pug
html
head
title= title
link(rel="stylesheet", href="link")
script(src="links")
// many css and javascript imports
body
header
// header section
block content
footer
// footer section
// more script imports
//index.pug
extends layout
block content
//some content
include slider
//slide.pug
div(class="xxx")
//slider contents
Здесь действительно работает ключевое слово include
, которое отображает slider.pug
, но проблема, с которой я сталкиваюсь, заключается в том, что она не отображает страницу slider.pug
, как ожидалось. Страница slider
отображается так, что она не загружает требуемые стили и файлы javascript, поэтому результатом является испорченный html-файл внутри красиво отображаемого (в данном случае index.pug
- красиво отображаемый).
Я попытался добавить строку extend layout
к slider.pug
, но она также не удалась.
Как правильно включить файл мопса, который полагается на ресурсы, включенные в страницу layout
, такие как css и javascript, в другой файл мопса?