使用主干js加载模板

我开始进行 javascript 开发，并使用 node.js 作为休息 API 和使用主干的客户端做了一个简单的项目，一切看起来都很完美，直到我想从我的 js 中获取模板。

我发现了不同的方法，其中一些需要一段时间（例如一年），但我不明白哪种方法更好：

• 带有 var 和 html 代码的 .js 文件

  优点 -> 易于加载，易于传递给下划线来编译它。

  缺点 -> 景观化每一行。

  app.templates.view = " \
  <h3>something code</h3> \
  ";
  

  加载模板：

  template: _.template(app.templates.view)
  

Underscore 中的外部模板 https://stackoverflow.com/questions/8366733/external-template-in-underscore

• 使用require.js加载文本插件。

  优点 -> 根据需要加载不同的模板。

  缺点 -> 我不喜欢将所有内容放入“加载器”函数中的方法......

  define(["TemplateEngine", "text!templates/template.html"], function(...
  

RequireJS：加载模块，包括模板和 CSS https://stackoverflow.com/questions/7917639/requirejs-loading-modules-including-templates-and-css

• 使用 AJAX 请愿加载模板的函数。

  优点 -> 您可以加载您需要的模板并添加本地存储的可能性。

  缺点 -> 似乎我必须将所有模板合并到一个文件中以用于生产环境。

  function() {
  
  var templateLoader = {... $.get calls ...}   
  

异步加载下划线模板的最佳方法 https://stackoverflow.com/questions/7542089/best-way-to-load-asynchronously-undescore-templates

• 还有一个我很喜欢但似乎没有发布的用于模板加载的 Jquery 插件？

http://api.jquery.com/jQuery.template/ http://api.jquery.com/jQuery.template/

似乎 require 是最好的方法，但也许我错过了一些东西，我确实不想让事情尽可能干净，因为我正处于学习/享受乐趣阶段：D

任何具有良好结构的好文章或 github 项目或对此的任何说明都将受到赞赏。

Thanks.

请原谅任何重大拼写错误，不是说英语的人:)

- 编辑 - 找到了一些有趣的视频来了解如何使用 require.js 启动和包装事物http://www.youtube.com/watch?v=VGlDR1QiV3A http://www.youtube.com/watch?v=VGlDR1QiV3A

http://www.youtube.com/watch?v=M-wjQjsryMY http://www.youtube.com/watch?v=M-wjQjsryMY

我建议使用 require.js 和文本插件。将 html 模板混合为 javascript 变量中的字符串是个坏主意，以及使用类似的东西<script type="text/template"></script>.

这是关于backbone.js 的一个非常好的系列，其中还涵盖了模板加载和项目构建：http://dailyjs.com/2012/11/29/backbone-tutorial-1/ http://dailyjs.com/2012/11/29/backbone-tutorial-1/。那里还提供了 Github 项目。