Gulp 车把部分内侧部分

q3qa4bjr 于 2022-12-08 发布在 Gulp

关注(0)|答案(1)|浏览(132)

我正在构建一个站点，其中我希望为大多数页面（但不是全部）使用布局 Package 器。我尝试做的是为布局 Package 器使用一个部分，然后将其他内容部分传递到此主布局中。
layout.hbs的内容

<!DOCTYPE html>
<html>
    {{> head }}
    <body>
        {{> nav}}
        {{ content }}
    </body>
</html>

然后在somefile.hbs中

{{> layout myPartial.hbs}}

我大口大口地撕开我的车把模板。
如果我直接将标记传递到layout.hbs中，我可以让它工作，但是我想做的是将另一个部分文件的内容传递到布局 Package 器中。

{{> layout content="<div>foo</div>"}} // Renders ok

是否还有其他方法可以使用全局布局 Package 器？

1条答案

我可以用动态部分查找语法来实现。

layout.hbs的内容

<!DOCTYPE html>
<html>
    {{> head }}
    <body>
        {{> nav}}
        {{> (lookup . 'partial') }}
    </body>
</html>

someFile.hbs的内容

// Allows me to hit http://w.x.y.z/someDir/someFile
{{> layout partial='someDir/_someFile'}}

someDir/_someFile.hbs的内容

// Content injected into the layout and can include nested layouts
<h1>Some content I want to render</h1>