Requirejsを持つバックボーンのプリコンパイルされたハンドルバーテンプレート？

Question

require.jsとハンドルバーテンプレートを使用したbackbone.jsアプリケーション（私はハンドルバーにAMDモジュールのものを追加しました）を使いこなしています。ちょうどそのテンプレートをあらかじめコンパイルしてお読みください。

私はrequirejsでプリコンパイルされたテンプレートをどのように含めるかと思いました。私はコンパイルするためにかなり少数のテンプレート（15以上）を持っているので、それらがすべて同じ出力ファイルになければならないか、一度コンパイルされるべきかどうかはわかりません。また、コンパイルされたテンプレートは、レンダラースクリプトが使用するのと同じHandlebars名前空間を共有しているため、ファイルにテンプレートが必要なときにどうやったらどうなるか分かりません。

アドバイスは素晴らしいでしょう！

Answer 1

はRequirejs-Handlebarsjsプラグインを見てください：https://github.com/SlexAxton/require-handlebars-plugin

Answer 2

単純なアプローチは、既存のテキストに基づいてRequireJSプラグインを作成することです！プラグイン。これによりテンプレートが読み込まれ、コンパイルされます。 RequireJsは、コンパイルされたテンプレートをキャッシュして再利用します。

プラグインコード：main.jsで

// 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 
    }; 

}); 

設定：backbone.marionetteビューで

require.config({ 
    paths: { 
     handlebars: 'libs/handlebars/handlebars', 
     hb: 'libs/require/hbtemplate', 
    } 
}); 

使用：あなたは偉大なバックボーンを使用する場合は

define(['backbone', 'marionette', 
     'hb!templates/bronnen/bronnen.filter.html', 
     'hb!templates/bronnen/bronnen.layout.html'], 
     function (Backbone, Marionette, FilterTemplate, LayoutTemplate) { 
     ... 

.Marionetteフレームワーク は、デフォルトのレンダラーをオーバーライドして、彼は組み込まれています （ローディング/コンパイル/キャッシングのための）テンプレートローダー：

Marionette.Renderer = { 
    render: function (template, data) { 
     return template(data); 
    } 
};