Les chemins d'accès relatifs avec RequireJS modules/packages

J'ai trouvé la réponse à ma question, et la solution (ils n'étaient pas les mêmes, apparemment). Je crois que je vais le poster ici au cas où ça peut aider quelqu'un d'autre dans l'avenir.

Essentiellement ce que je voulais était de charger mon cadre dans son contexte propre. J'ai trouvé l'option contexte en vertu de la section de configuration sur le besoin d'un site web et un exemple de comment l'utiliser. À l'origine, j'ai essayé en faisant quelque chose comme:

var req = require.config({
    baseUrl: 'framework',
    context: 'framework',

    paths: {
        jQuery: 'lib/jquery/jquery-1.7.min.js',
        Underscore: 'lib/underscore/underscore.min.js',
        Backbone: 'lib/backbone/backbone.min.js',
        etc...
    }
});

req(['main'], function() {});

Il y a deux problèmes avec cette. Tout d'abord, mon 'req' variable a été définie en dehors du cadre, mais je voulais le cadre à définir ses propres chemins. Et deuxièmement, chaque fois qu'un fichier en dehors du cadre aurait besoin d'un fichier à l'intérieur du cadre, ce qui à son tour nécessite 'jQuery', par exemple, jQuery (ou autre chose) ne serait pas nécessaire dans le contexte du cadre de l'instance de besoin et donc il ne trouve pas le fichier.

Ce que j'ai fait a été de définir mon cadre de l'main.js à ressembler à quelque chose comme ceci:

var paths = {
    jQuery: 'lib/jquery/jquery-1.7.min.js',
    Underscore: 'lib/underscore/underscore.min.js',
    Backbone: 'lib/backbone/backbone.min.js',
    etc...
};

define(function() {
    var exports = {};

    exports.initialize = function(baseUrl, overridePaths, callback) {
        if(!overridePaths) {
        overridePaths = {};
        }
        if(baseUrl && baseUrl[baseUrl.length - 1] != '/') {
            baseUrl = baseUrl + '/';
        }

        var fullpaths = {};
        for(var path in paths) {
            //Don't add baseUrl to anything that looks like a full URL like 'http://...' or anything that begins with a forward slash
            if(paths[path].match(/^(?:.*:\/\/|\/)/)) {
                fullpaths[path] = paths[path];
            }
            else {
                fullpaths[path] = baseUrl + paths[path];
            }
        }

        var config = {paths: fullpaths};
        for(var pathName in overridePaths) {
            config.paths[pathName] = overridePaths[pathName];
        }
        require.config(config);

        //Do anything else you need to do such as defining more functions for exports

        if(callback) {
            callback();
        }
    }

    return exports;
});

Et puis dans mon projet main.js fichier je viens de le faire:

require(['framework/main'], function(framework) {
    //NOTE: This setTimeout() call is used because, for whatever reason, if you make
    //      a 'require' call in here or in the framework without it, it will just hang
    //      and never actually go fetch the files in the browser. There's probably a
    //      better way to handle this, but I don't know what it is.
    setTimeout(function() {
        framework.initialize('framework', null, function() {
            //Do stuff here
        }
    }, 0);
});

Cela prend tout ce qui est passé dans le cadre de la méthode initialize() pour "baseURL" et ajoute que tous les chemins le cadre définit qui ne commence pas par un slash ( /) ou " n'importe quoi://", sauf s'ils sont de remplacer les chemins d'accès. Cela permet à l'emballage, en utilisant le cadre de remplacer des choses comme 'jQuery'.

Un processus qui a bien fonctionné pour moi pour permettre à un paquet avec des submodules à être utilisé directement à partir de données principal ou à partir d'un hors cadre, en supposant qu'une main.js (ou autre emballage principal) est appelée par un nom particulier, était d'utiliser var baseUrl = require.toUrl('packageName') + '/../' comme préfixe à un require.config({ paths: { ... } }) fichier de configuration. Par exemple:

var music21Base = require.toUrl('music21') + '/../';

require.config({ paths: {
                          'jquery': music21Base + 'ext/jquery/jquery.2.1.10.min';
                          'subModuleLoader': music21Base + 'src/subModuleLoader';
                         }  });

Le réglage de context: "xxx" a bien fonctionné pour un appel normal modules avec ./modName, mais n'a pas de travail pour l' paths argument pour moi.