javascript - Jade 包括检查实际页面的条件

Question

有没有办法检查您在 Jade 中的哪个页面并包含基于该页面的内容(部分页面或特定 CSS 样式)？例如:

如果我在主页，那么只包含HOMEPAGE-head.jade

否则 - 包括 NORMAL-head.jade

这是一个上下文示例:

doctype html
html
  body
    if HOMEPAGE
      include ./includes/HOMEPAGE-head.jade
    else
      include ./includes/NORMAL-head.jade

    h1 My Site
    p Welcome to my super lame site.
    include ./includes/foot.jade

谢谢!

Answer 1

或者，您可以构造您的 Jade 以使用继承来实现您想要的。

例如，

layout.jade:

doctype html
html
  body
    block header
    block content
      h1 My Site
      p Welcome to my super lame site.
    block footer
      include ./includes/foot.jade

主页.jade:

extends ./layout.jade

block header
  include ./includes/HOMEPAGE-head.jade

普通 Jade :

extends ./layout.jade

block header
  include ./includes/NORMAL-head.jade

然后让所有普通页面使用 normal.jade，让主页使用 homepage.jade。