Dynamiczne wymagają w RequireJS, otrzymując komunikat "Błąd nazwy modułu nie został jeszcze załadowany dla kontekstu"?

Question

Czy istnieje sposób zdefiniowania modułu, który "dynamicznie" ładuje inne moduły w RequireJS? Jeśli tak, to w jaki sposób optymalizator (r.js) rozumie, w jaki sposób/kiedy moduł musi zostać uwzględniony?

Na przykład, niech dynModules moduł, który określa par nazwa/ścieżka:

define([], function() { 
    return ['moduleA', 'moduleB']; // Array of module names 
}); 

Innym moduł ma ładowania modułów dynamicznie na podstawie tablicy. To będzie nie działać:

define(['dyn_modules'], function (dynModules) { 
    for(name in dynModules) { 
     var module = require(path); // Call RequireJS require 
    } 

    // ... 
}); 

... daje mi:

Uncaught Error: Module name "moduleA" has not been loaded yet for context: _. Use require([]) http://requirejs.org/docs/errors.html#notloaded

mogę rozwiązać błąd, ale to nie jest "dynamiczny" już:

define(['dyn_modules', 'moduleA', 'moduleB'], function (dynModules) { 
    for(name in dynModules) { 
     var module = require(path); // Call RequireJS require 
    } 

    // ... 
}); 

Answer 1

Ograniczenie dotyczy uproszczonej składni CommonJS w porównaniu do zwykłej składni wywołania zwrotnego:

• http://requirejs.org/docs/whyamd.html#commonjscompat
• https://github.com/jrburke/requirejs/wiki/Differences-between-the-simplified-CommonJS-wrapper-and-standard-AMD-define

Ładowanie moduł jest z natury procesem asynchronicznym z powodu nieznanego terminu pobierania. Jednak RequireJS w emulacji specyfikacji CommonJS po stronie serwera próbuje podać uproszczoną składnię. Kiedy robisz coś takiego:

var foomodule = require('foo'); 
// do something with fooModule 

Co się dzieje za kulisami jest to, że RequireJS patrzy na ciało swojego kodu funkcji i analizowania, że ​​trzeba „foo” i ładuje go przed wywołaniem funkcji. Jednak, gdy zmienna lub czymkolwiek innym niż prosty ciąg znaków, takich jak np ...

var module = require(path); // Call RequireJS require 

... potem Wymagaj nie jest w stanie przetworzyć na to uwagę i automatycznie konwertować je. Rozwiązaniem jest konwersja do składni wywołania zwrotnego;

var moduleName = 'foo'; 
require([moduleName], function(fooModule){ 
    // do something with fooModule 
}) 

Biorąc powyższe pod uwagę, jest tu jeden z możliwych przepisać Twojego 2nd przykład wykorzystania standardowej składni:

define(['dyn_modules'], function (dynModules) { 
    require(dynModules, function(){ 
     // use arguments since you don't know how many modules you're getting in the callback 
     for (var i = 0; i < arguments.length; i++){ 
      var mymodule = arguments[i]; 
      // do something with mymodule... 
     } 
    }); 

}); 

EDIT: Od swoją odpowiedź, widzę, że używasz podkreślenia/lodash, więc używanie _.values i _.object może uprościć przechodzenie przez tablicę argumentów jak wyżej.

Answer 2

Odpowiadanie na siebie. Od strony RequireJS:

//THIS WILL FAIL 
define(['require'], function (require) { 
    var namedModule = require('name'); 
}); 

To nie działa, ponieważ requirejs musi mieć pewność, aby załadować i wykonać wszystkie zależności przed wywołaniem powyżej funkcji fabrycznego. [...] Tak więc albo nie przechodź w tablicy zależności, albo jeśli korzystasz z tablicy zależności, wypisz wszystkie zależności w niej.

Moje rozwiązanie:

// Modules configuration (modules that will be used as Jade helpers) 
define(function() { 
    return { 
     'moment': 'path/to/moment', 
     'filesize': 'path/to/filesize', 
     '_':  'path/to/lodash', 
     '_s':  'path/to/underscore.string' 
    }; 
}); 

Ładowarka:

define(['jade', 'lodash', 'config'], function (Jade, _, Config) { 
    var deps; 

    // Dynamic require 
    require(_.values(Config), function() { 
     deps = _.object(_.keys(Config), arguments); 

     // Use deps... 
    }); 
});