RequireJS: как динамически определять/добавлять пакеты

Question

У меня есть конфигурация для requirejs, которая совместно используется несколькими приложениями. Когда приложение загружается, приложение получает объект с макетом приложения (и различными другими параметрами). Я хочу использовать этот объект для определения модулей/пакетов для приложения.

siteMap = { modules: { "foo": { … }, "bar": { … }, … }, other: "stuff" }

/shared/ 
    libs/ 
    bootstrap.js 
    jquery.js 
    … 
    app.js 

/$appName/ 
    foo/ 
    index.html 
    edit.html 
    main.js 
    bar/ 
    index.html 
    stuff.html 
    main.js 
    … 

Я предполагаю, что должен быть способ, чтобы добавить пакеты, выходит что-то вроде этого:

// /shared/app.js 
require.config({ 
    paths: { 
    "bootstrap": ["//hosted.bootstrap.js","/shared/libs/bootstrap.js"], 
    "jquery": ["//hosted.jquery.js","/shared/libs/jquery.js"], 
    "siteMap": "//appName.example.com/api/siteMap" 
    }, 
    … 
}); 

require(['jquery','siteMap','bootstrap'], function($,siteMap) { 
    for (var module in siteMap.modules) 
    { 
    require.config.packages[module] = siteMap.modules[module]; 
    // OR 
    require.addPackage(siteMap.modules[module]); 
    } 
}); 

Answer 1

Вы можете гнездо другой require() вызов, чтобы загрузить дополнительные модули после Карта сайта говорит вам что должно быть загружено. Что-то вроде этого:

require(['jquery','siteMap','bootstrap'], function($,siteMap) { 
    // .map assumes modern browser or use of something like es5-shim 
    var modulesToLoad = siteMap.modules.map(function(m) { return m + '/main'; }); 
    require(modulesToLoad, function() { 
     // kick off the rest of app logic 
    }); 
});