Preveiled Handlebars şablonlar Requirejs ile Backbone içinde?

Question

require.js ve handlebars şablonlarını kullanarak bir backbone.js uygulaması ile uğraştım (AMD modüllerini handlebar'lara ekledim) ve sadece şablonların ön derlemesinin adil bir şekilde hızlandırabildiğini okudum .

Gereksinim duyulan şablonların requirejs ile birlikte nasıl ekleneceğini merak ediyordum. Ben derlemek için adil bir kaç şablonum var (15), bu yüzden hepsi aynı çıktı dosyasında olması gerektiğinde veya bir kez derlenmiş olsa emin değilim. Ayrıca, göründüğü gibi gelen, derlenmiş şablonlar Oluşturucu komut kullanan aynı Handlebars ad paylaşan, bu yüzden benim dosyalarında şablonları gerektiren zaman bu konuda gitmek nasıl emin değilim.

Herhangi bir tavsiye harika olurdu! https://github.com/SlexAxton/require-handlebars-plugin

Answer 1

Requirejs-Handlebarsjs eklentisi göz at! Eklenti. Bu, şablonu yükler ve derler. RequireJ'ler derlenmiş şablonu önbelleğe alır ve yeniden kullanır.

eklenti kodu: main.js içinde

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

}); 

yapılandırma: Bir backbone.marionette görünümünde

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

kullanımı:

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

Eğer büyük bir Omurga kullanmak .Marionette framework , varsayılan oluşturucuyu geçersiz kılar, böylece baypas eder. o şablon yükleyicisini (yükleme/derleme/önbelleğe alma için) yerleşik:

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

Answer 2

Basit bir yaklaşım mevcut metne dayalı bir RequireJS eklentisi oluşturmaktır: