Estamos construyendo una aplicación web no trival utilizando Backbone, RequireJS y Handlebars, y bueno, tengo curiosidad. Por el momento, cada uno de nuestros modelos se ve así:

define(['Backbone', 'js/thing/a', 'js/thing/b', 'js/lib/bob'], function(a, b, bob) {
  return Backbone.Router.extend({
    // stuff here
  });
});

donde cosa / a, cosa / b tienen sus propias dependencias, por ejemplo en plantillas de Handlebars, etc. Lo que sucede ahora es que en mi main.js, todos los enrutadores de "nivel superior" se cargan e inicializan; Cada enrutador de nivel superior tiene un conjunto de dependencias (modelos, vistas, etc.) que tienen sus propias dependencias (plantillas, ayudantes, utils, etc.). Básicamente, una gran estructura arbórea.

El problema en este caso es que todo este árbol se resuelve y se carga en la carga de la página. No me importa, porque lo ejecutaremos a través del optimizador eventualmente y terminaremos con un solo archivo grande (reduciendo RequireJS básicamente a un marco de modularización). Sin embargo, tengo curiosidad por saber si puede cargar elementos como vistas y plantillas 'a pedido'.

Se explica el "ajuste simplificado de CommonJS"aquí, así que intenté eso:

define(function(require) {
  Backbone = require('Backbone');
  return Backbone.Router.extend({
    doStuff: function() {
      var MyView = require('js/myView');
      new MyView().render();
    }
  });
});

Sin embargo, mirando al inspector de red de Chrome, parece que RequireJS (de alguna manera, incluso sin activar la ruta que activa el controlador doStuff) todavía carga elmyView dependencia. Preguntas:

¿Es esto realmente posible? ¿Hay magia negra en RequireJS que busca llamadas arequire() sin realmente activar eldoStuff ¿ruta?¿Es esta la manera teóricamente correcta de ir sobre la demanda y la carga perezosa de los módulos y recursos de RequireJS?¿El optimizador r.js sigue funcionando como se anuncia si utiliza esta notación?