如何编译使用相同mixin的多重HTML Jade模板

时间:2015-06-09 00:07:39

标签: html node.js gruntjs pug

mixin hero(title)
    .hero
        .hero__inner
            h1.hero__title #{title}

所以,我的项目在多个页面上使用了如上所述的Jade mixin,当我将Jade编译为HTML页面时,我必须在每个使用它的页面上复制mixin。

我可以使用 grunt-jade grunt-jade-contrib 编译页面,但有人知道如何在全球范围内使用这些模块(或任何其他模块)将mixin传递给所有页面,所以我不必每次都复制它?

1 个答案:

答案 0 :(得分:0)

为什么不简单地加入它?

include ../partials/hero.jade
+hero('My title')

将文件包含在您需要的所有页面上。甚至还有一些插件可以自动检测并插入这些内容。