javascript - 构建 backbone.js 应用程序

Question

我有一个具有多个模型、 View 、集合和模板的 backbone.js 应用程序(在一个类型为 text/template 的脚本标签中，带有一个 ID， View 使用 _.template($(id) .html())).

目前，以上所有内容都在一个文件中，这使得它非常难看。这是一个离线应用程序(即，它从本地文件系统加载并与允许跨源请求的 Web 服务器通信)。我一直在试图弄清楚如何将 View 、模型和模板移动到单独的文件中，我只是尝试将 View 和模型移到 views.js 和 models.js 中，但是 View 取决于模板和模板不能放入 views.js(因为它是一个 JS 文件，因此不能有脚本标签..)。

此时我唯一的解决方案似乎是将模板移动到全局变量中，除了需要 javascript 字符串转义/多行字符串之外，这很好。

这通常是如何处理的？

谢谢!

Answer 1

使用RequireJS将你的 View 和模型打包成模块，RequireJS 会为你解决依赖问题。您也可以通过这种方式将每个文件简化为一个 View 或模型，而不是将它们全部放在一个 views.js 或 models.js 中。

然后，使用 text!将模板存储在文本文件中的插件，并像普通模块一样需要它们。

define(function (require, exports, module) {
  var templateText = require("text!./person.tmpl");
  var $ = require("jquery");

  exports.PersonView = Backbone.View.extend({
    render: function () {
        doStuffWith(_.template(templateText));
    }
  });
});