帕格:我如何在所有页面中包含mixins?

时间:2018-05-18 22:33:01

标签: javascript html pug

我有一个文件includes/mixins.pug,有一些mixins。我还有一个主要的布局文件layouts/default.pug,我extend。如何在我的布局文件中包含这些mixin,以便我不必在每个页面上写include includes/mixins

例如,这是我必须为每个额外的pug文件做的事情。在这种情况下:new_page.pug

extends layouts/default
include includes/mixins

block content
  +my_mixin('Hello World')

layouts/default.pug

doctype html
html(lang=$localeName)
  block vars
  head
    meta(charset="UTF-8")
    meta(http-equiv="X-UA-Compatible" content="IE=edge")
    meta(name="viewport" content="width=device-width, initial-scale=1.0") 

    block styles
    link(rel="stylesheet" type="text/css" href="/assets/css/styles.min.css")
  body
    block content

如何在layouts/default.pug中添加mixins?我在文档中找不到解决方案。

1 个答案:

答案 0 :(得分:2)

您可以在视图继承层次结构中include更高的mixin,例如在layouts/default.pug的顶部。然后,mixins将在所有儿童视图的范围内提供。

include includes/mixins

doctype html
html(lang=$localeName)
...