Wie verwenden von vorkompilierten templates in LENKER mit RequireJS?

Möchte ich precompile-meine LENKER-Vorlagen, aber ich bin mir nicht sicher, wie dies funktioniert im Entwicklungsmodus.

Ist es gängige Praxis, haben einige hintergrund-Prozess wie Guard läuft ständig überwacht Veränderungen an LENKER template-Dateien?

Ich bin mit RequireJS zu ziehen, die in den Vorlagen; z.B.:

define(['jquery', 'handlebars', 'text!templates/my_template'], function($, Handlebars, myTemplate) {

  //...

  var data = {"some": "data", "some_more": "data"};
  var templateFn = Handlebars.compile(myTemplate);
  $('#target').append(templateFn(data));

  //...

});

So, ich verstehe, sobald die templates sind vorkompilierte, würde man dies tun:

define(['jquery', 'handlebars'], function($, Handlebars) {

  //...

  var data = {"some": "data", "some_more": "data"};
  var template = Handlebars.templates['my_template'];
  $('#target').append(template(data));

  //...

});

Beachten Sie Folgendes über die in der zweiten code-snippet:

  1. Der RequireJS-Modul nicht mehr zieht in der Vorlage.
  2. LENKER.compile() wird nicht mehr verwendet.

Also normalerweise hätte ich Wache läuft, um meine Vorlagen kompiliert, wenn die Datei-system-Ebene änderungen passieren, über die template-Dateien?

Im Grunde meine Frage ist, ist die Absicht für Entwickler, dies zu tun?

if (development) {
  compile templates
}
else {
  use precompiled templates
}

Ich bin auch mit Schienen, so vielleicht gibt es einige schwarze Magie wie sass-rails.

InformationsquelleAutor Chad Johnson | 2013-08-14
  1. 11

    Haben, nehmen Sie einen Blick an Require.js LENKER-Plugin (https://github.com/SlexAxton/require-handlebars-plugin) oder epeli ist requirejs-hbs (https://github.com/epeli/requirejs-hbs) ?

    • Ja! Ein Mitarbeiter erwähnt, erfordert-LENKER-plugin, nachdem ich stellte diese Frage, und es ist perfekt! Es hat sogar i18n Unterstützung, das macht es noch mehr awesome. Getestet habe ich es und es funktioniert wie beworben. Es erfordert keine code-änderungen von der Entwicklung Modus, um die Produktion, und es verwendet r.js für das bauen, die angeschlossen werden kann, in den build-Prozess. Vorlagen sind eingebettet in das integrierte Datei. Allen, die sich ändern müssen, in der Produktion das Skript-tag inklusive require.js + Daten-main...und das kann behandelt werden, indem Sie Ihre asset manager.
    • Als der neuesten version von i18n-Funktionalität wurde entfernt.
    InformationsquelleAutor Ian Lim
  2. 2

    Da diese Frage, die ich gefunden habe, dass ein anderer Weg, dies zu erreichen sein könnte, über Grunzen Uhr. Jedoch eine noch bessere Möglichkeit ist die Verwendung von Grunt und Browserify, überspringen RequireJS insgesamt. Dann werden Sie mit NPM-Pakete...und die meisten Bibliotheken verfügbar, mit RequireJS zu sein scheinen, erhältlich als NPM-Pakete als auch (erstaunlicherweise auch DOM-basierten Bibliotheken, wie jQuery, Backbone, Angular). Dann verwenden Sie synchrone require () - Aufrufe zu verlangen, Dinge:

    var $ = require('jquery'),
    Backbone = require('backbone'),
    AppRouter = require('./app/routers/app');

//Compile LESS and attach resulting CSS to the HEAD.
require('./less/app.less');

$(function() {
    new AppRouter();
    Backbone.history.start();
});

    Dies ist viel schöner, und es ist möglich, weil die app ist vollständig aufgebaut, jedes mal, wenn es läuft. Kombinieren Sie dies mit Grunt Watch, so dass Sie Ihre app erstellt sich jedes mal, wenn es eine änderung, und du bist im Geschäft.

    Und den build-Prozess selbst kümmert sich um Gebäude LENKER Vorlagen. Um eine Vorlage, die Sie tun sollten require('./templates/my-template.hbs'); und den build-Prozess für grunt-browserify finden, dass dieses require () - Aufruf, kompilieren Sie die Vorlage, und schließen Sie das kompilierte template in den app js-Datei.

    Viel schöner als RequireJS!

    InformationsquelleAutor Chad Johnson
  3. 0

    Dieser artcle über Require.js und LENKER helfen könnte http://seanamarasinghe.com/developer/requirejs-handlebars/

    • Hallo David. Sorry, aber der OP fragte, für LENKER vorkompilierte Vorlagen... den Artikel, den Sie verlinkt nicht helfen 🙁
    InformationsquelleAutor David Wellington
Schreibe einen Kommentar