如何组合使用相同 mixin 的多个 HTML Jade 模板

Question

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

因此，我的项目在多个页面上使用了上述 Jade mixin，当我将 Jade 编译为 HTML 页面时，我必须在使用它的每个页面上复制该 mixin。

我可以使用 grunt-jade 或 grunt-jade-contrib 编译页面，但是有谁知道如何使用这些模块（或任何其他模块）来全局将该 mixin 传递给所有页面，这样我就不必每次都复制它？

Answer 1

为什么不简单地包含它？

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

在您需要它的所有页面上包含该文件。甚至还有插件可以自动检测并为您插入这些东西。