使用 gulp 的模块化 HTML：使用什么框架？答案

【问题标题】：Modular HTML with gulp: what framework to use?使用 gulp 的模块化 HTML：使用什么框架？
【发布时间】：2016-11-13 05:41:56
【问题描述】：

我必须开发一些静态 HTML 页面，但我不想重复自己复制/粘贴常用部分，例如，我想在每个页面中包含页眉和页脚。

我不需要太复杂的东西，只需要包含功能。

使用Gulp 作为构建系统我想将我的模板放在 src/ 文件夹中，并在处理任务之后，在 dist/ 中获取完整的 html文件夹。

我想使用 handlebars 之类的东西，但我不知道这是否是正确的框架，也不知道如何将它集成到 Gulp 中以实现上述工作流程。

有什么提示吗？

【问题讨论】：

【解决方案1】：

就像在this other thread 中一样，使用gulp-file-include 是满足我需求的最简单的选择。谢谢大家！

【讨论】：

【解决方案2】：

您绝对可以使用 Handlebars 来呈现静态标记块。但是，除非您还构建了一些数据驱动的内容，否则这可能是矫枉过正。

听起来您想要类似于 PHP 的 include 的东西。

为此，您可能需要查看 .KIT 文件。我推荐gulp-codekit（documentation here），它基于CodeKit内置的.KIT文件编译器。

【讨论】：

没有数据驱动的东西，只有 2 个简单的包含。但我需要完整的 HTML 文件作为输出。 CodeKit 似乎不是开源的......任何开放的替代品？
CodeKit 确实是它自己的野兽。但是gulp-codekit 可以在您的 Gulp 工作流程中独立使用。 CodeKit 背后的作者/团队在他们的文档中提供以下内容（在标题下，“You're Locking Us Into CodeKit!”）“Kit 编译器是 open source，欢迎任何开发人员使用该代码可将 Kit 支持集成到任何产品中。”