我在Node.js / Express应用程序中有三个Pug文件,该文件遵循以下布局:
//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文件,因此结果是在一个呈现效果良好的页面(在此情况下,index.pug
是呈现良好的页面)中的html杂乱无章。
我尝试将extend layout
行添加到slider.pug
,但是也失败了。
在另一个pug文件中包含一个pug文件的适当方法是什么,该pug文件的目的是依靠layout
页中包含的资源(例如CSS和javascript)?