时间戳

首页 > 解决方案 > 使用 gulp 编译车把模板但忽略变量

gulp - 使用 gulp 编译车把模板但忽略变量

问题描述

我使用 Handlebars 作为创建电子邮件和打印通信模板的模板语言。这些模板共享共同的元素，所以我将它们移到了部分中。

我面临的问题是我正在寻找一个 gulp 任务，它从主体文件和部分文件创建模板但不触及变量，即此任务的输出应该是稍后将使用的 Handlebars 模板由不同的应用程序注入变量并发送通信。

我找不到可以让我这样做的有效 gulp 和车把包。有任何想法吗？

标签： gulphandlebars.js

解决方案

我不确定我是否完成了该场景，但似乎您可以使用它gulp-html-extend来构建一个包含主要和扩展部分的中间状态。希望能帮助到你。

插件示例：

master.html

<body>
    <!-- @@placeholder= content -->
    <!-- @@placeholder =footer -->
</body>

content.html

<!-- @@master  = master.html-->

<!-- @@block  =  content-->
<main>
    my content
</main>
<!-- @@close-->

<!-- @@block  =  footer-->
<footer>
    my footer
</footer>
<!-- @@close-->


output

<body>

<!-- start content -->
<main>
    my content
</main>
<!-- end content -->

<!-- start footer -->
<footer>
    my footer
</footer>
<!-- end footer -->

</body>

推荐阅读