我一直在使用 require.js 和车把模板（我已将 AMD 模块的东西添加到车把）弄乱了一个骨干网应用程序，并且只是阅读了预编译模板可以加快它的速度位。
我想知道如何将预编译的模板包含在 requirejs 中。我有相当多的模板要编译（超过 15 个），所以我不确定它们是否应该都在同一个输出文件中，或者在编译后有自己的。此外，看起来，编译后的模板共享渲染器脚本使用的相同 Handlebars 命名空间，所以我不确定在我的文件中需要模板时如何处理。
任何建议都会很棒！
【问题讨论】：
标签： backbone.js requirejs handlebars.js
看看 Requirejs-Handlebarsjs 插件：https://github.com/SlexAxton/require-handlebars-plugin
【讨论】：
一个简单的方法是基于现有文本创建一个RequireJS插件！插入。这将加载和编译模板。 RequireJs 将缓存并重用已编译的模板。
插件代码：
// hbtemplate.js plugin for requirejs / text.js
// it loads and compiles Handlebars templates
define(['handlebars'],
function (Handlebars) {
var loadResource = function (resourceName, parentRequire, callback, config) {
parentRequire([("text!" + resourceName)],
function (templateContent) {
var template = Handlebars.compile(templateContent);
callback(template);
}
);
};
return {
load: loadResource
};
});
main.js 中的配置：
require.config({
paths: {
handlebars: 'libs/handlebars/handlebars',
hb: 'libs/require/hbtemplate',
}
});
backbone.marionette 视图中的用法：
define(['backbone', 'marionette',
'hb!templates/bronnen/bronnen.filter.html',
'hb!templates/bronnen/bronnen.layout.html'],
function (Backbone, Marionette, FilterTemplate, LayoutTemplate) {
...
如果您使用出色的 Backbone.Marionette 框架，您可以 覆盖默认渲染器，使其绕过内置 模板加载器（用于加载/编译/缓存）：
Marionette.Renderer = {
render: function (template, data) {
return template(data);
}
};
【讨论】：