Jade - 在扩展文件中声明数组

Question

我想做类似的事情：我有一个生成css链接的mixin，我想在模板文件中声明它，我想在主jade文件中声明mixins的参数。

mixins.jade

mixin includeCss(...cssFiles)
    each file in cssFiles
        link(rel="stylesheet", href=file)

布局/ template.jade

doctype html
html(lang="en")
    head
        +includeCss(cssIncludes)

index.jade

extends ./layouts/template
- var cssIncludes = ["style.css", "style2.css"]

Answer 1

在Jade，you need to use block for proper inheritance。所以你应该使用这样的东西。否则，您放在index.jade中的任何内容都不会被转移回扩展内容。

布局/ template.jade

block vars
doctype html
html(lang="en")
  head
    +includeCss(cssIncludes)

index.jade

extends ./layouts/template
block vars
  - var cssIncludes = ["style.css", "style2.css"]