将客户端模板与主布局分开的好方法答案

【问题标题】：A good way to separate client side templates from the main layout将客户端模板与主布局分开的好方法
【发布时间】：2012-06-15 03:36:30
【问题描述】：

处理多个客户端模板的最佳方法是什么？

我注意到，如果我将它们保存在我的“母亲”html 文件中，它很快就会变得臃肿，所以我认为如果我将它们放在单独的 js 文件中并一个一个地加载它们会更好。

我的另一个想法是避免将它们作为模板分开放置，而是将它们写成字符串，然后将它们与要使用它们的主干.js 视图结合起来。我知道这会给设计师、网络开发人员和软件工程师带来很多负面影响，但是对于我正在从事的项目来说，这似乎是一种非常快速的开发方式，因为我在同一个地方有逻辑和布局.另外，通过逆向工程，我证明了许多著名的 Web 服务也在做同样的事情......

【问题讨论】：

标签： javascript backbone.js jquery-templates mustache

【解决方案1】：

正如@stusmith 所说，require.js 是一个不错的选择。

另外，看看样板的例子

干杯

【讨论】：

【解决方案2】：

一种选择是使用RequireJS，其中包括用于模板的'text' plugin。

然后，您可以使用 r.js optimizer 将所有这些（加上 JS 模块，如果您走那条路线）组合到一个文件中。

优化器可以作为构建过程的一部分运行，如果您使用的是 node.js，也可以在进程内运行。

【讨论】：

【解决方案3】：

您可以将它们放在单独的文件中，但在服务器端合并为一个文件。

对于您将模板保存在字符串中的想法，请从我这里获取很多负面信息 :)。在简单之前可能会起作用，但是当它们变得更复杂时就会变得很糟糕，因为 html 结构不是那么明显，所以很难编写 css 等等。

【讨论】：