不使用 php 或 rails 等的 html 模板答案

【问题标题】：html template without using php or rails ect不使用 php 或 rails 等的 html 模板
【发布时间】：2013-09-16 02:09:19
【问题描述】：

我正在寻找一种在不使用任何“后端”语言（如 php 或 ruby/rails）的情况下编写 html 模板的方法。

使用 JS 可以工作，但是当我在加载 DOM 后添加节点时，我的当前 javascript 出现问题。

理想的解决方案是如果有某种预处理器我可以编译成完成的 html.. 类似于 SCSS 但用于 html 的东西

我很清楚，我有足够的内容供 stackoverflow 使用..

我想将部分文件夹的内容编译成 index.html

partial.folder
  menu.html
  root.html
  footer.html
|
|
V
index.html

【问题讨论】：

【解决方案1】：

我找到了自己问题的答案。一个名为 codekit 的程序完全按照我的意愿工作。谢谢您的帮助！ http://incident57.com/codekit/

【讨论】：

【解决方案2】：

取决于您想要解析模板的“时间”。

1) 在运行时：您可以尝试使用https://github.com/janl/mustache.js - javascript 无逻辑模板

2) 在构建时：我建议使用 nodejs+Grunt (http://gruntjs.com/) + grunt-preprocess (grunt plugin)

【讨论】：

mustache.js 更符合我正在寻找的内容。你知道 mustache.js 是否会让我使用像 $("nav").click(function(){}) 这样的常规 jQuery 语句，即使 <nav>...</nav> 是动态添加的？
@JamesDHarrington 只需确保在 mustache.js 完成解析后运行 jQuery 语句即可。请参阅 mustache.js github 页面中的示例；它使用 jQuery 将元素的内容替换为已解析的模板。
@SAnDAnGE 您能否详细说明一下，或者可能有更多链接可以阅读有关如何使用诸如 grunt 之类的任务运行程序或诸如 gobble 之类的构建工具来完成此类任务的更多链接？我也在寻找一种简单的方法来自动将简单的 HTML 文件编译成一个大的 index.html（在构建时；不使用 PHP 等）。