RequireJS: respaldo local para si CDN falla

Question

En mi aplicación de red troncal, debo proporcionar un respaldo para cada archivo requerido, en caso de que el CDN que los entrega falle.

He tratado sobrescribiendo require.onError así:

require.onError = function (err) { 
    if (err.requireType === 'timeout') { 
     var url = err.requireModules; 

     if (!!~url.indexOf("jquery/")) 
      console.warn("CDN timed out, falling back to local jQuery.js") 
      require(["libs/jquery"]); 
      return; 
     if (!!~url.indexOf("jqueryui/")) 
      console.warn("CDN timed out, falling back to local jQueryUI.js") 
      require(["libs/jqueryui"]); 
      return; 
     if (!!~url.indexOf("underscore")) 
      console.warn("CDN timed out, falling back to local underscore.js") 
      require(["libs/underscore"]); 
      return; 
     if (!!~url.indexOf("backbone")) 
      console.warn("CDN timed out, falling back to local backbone.js") 
      require(["libs/backbone"]); 
      return; 
    } 
} 

El problema es que esto de forma asincrónica cargar los archivos de respaldo. Necesito que estos archivos se carguen en orden, al igual que la declaración require original, donde uso el complemento order!.

Con el onError reemplazado: cuando el CDN no se carga, la carga de respaldo se inicia, pero no se espera. Esto presenta un problema porque los scripts se ordenan para cargarse según sus dependencias. Aquí es un vistazo a mi require declaración original, que depende de la CDN:

require([ 
    "order!http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js", 
    "order!http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js", 
    "order!http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js", 
    "order!http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js", 
    "order!utils/date", 
    "order!core/core", 
    "order!core/errors", 
    "order!core/constants" 
], function() { 
    ... 
} 

Answer 1

¿Qué versión de RequireJS está usando? Parece que quizás desee configurar el respaldo de jQuery como una ruta en su configuración, luego configure jQuery como una dependencia de los otros módulos que lo necesiten. Si está utilizando ~> 2.0, algo así (no probado):

// in your requirejs config 
requirejs.config({ 
    //To get timely, correct error triggers in IE, force a define/shim exports 
    // check. 
    enforceDefine: true, 
    paths: { 
     jquery: [ 
      'http://somecdn.com/jquery.min', // your cdn 
      'lib/jquery' // your fallback 
     ], 
     jqueryui: "http://somecdn.com/jquery-ui.min.js" 
    }, 
    shim: { 
     jqueryui: ['jquery'] 
    } 
}); 

// then in your requires 
require([jquery, jqueryui, foo, bar], function($) { 
    // stuff 
}); 

Hablan de cómo hacerlo in the wiki. Si no está usando v2.x, hay un método para manejar eso aquí también.

Si todos los módulos están configurados para especificar sus propias dependencias, tampoco debería preocuparse por las directivas order!.

Answer 2

He encontrado una solución al problema provisto en RequireJS 2.x.x. Hubo una demanda de esta solución, por lo que, a su vez, RequireJS agregó un objeto paths a su configuración. Esto proporciona una funcionalidad alternativa para los CDN, en caso de que fallen.

También se debe tener en cuenta que el complemento order! ha quedado obsoleto en Require 2.0, por lo que también tuve que utilizar el objeto shim para definir dependencias. En realidad es una idea bastante interesante.

Aquí está mi nuevo require.config:

require.config({ 
    urlArgs: "ts="+new Date().getTime(), // disable caching - remove in production 
    paths: { 
     jquery: [ 
      "http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min", 
      "libs/jquery" 
     ], 
     jqueryui: [ 
      "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min", 
      "libs/jqueryui" 
     ], 
     underscore: [ 
      "http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min", 
      "libs/underscore" 
     ], 
     backbone: [ 
      "http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min", 
      "libs/backbone" 
     ] 
    }, 
    shim: { 
     'jqueryui': ['jquery'], 
     'underscore': ['jquery'], 
     'backbone': ['underscore'], 
     'core/core': ['underscore'], 
     'core/errors': ['core/core'], 
     'core/constants': ['core/core'] 
    } 
});