Requirejs: как вызвать модуль немедленно?

Question

[Finom]

Пишу встраиваемое приложение, что-то типа огромного jQuery плагина. "Главный" модуль должен запросить другой модуль, в котором, в свою очередь, загружаются остальные модули. Он (главный модуль) должен создавать глобальную функцию. Проблема в том, что эта функция создается с задержкой из-за того, что модули асинхронны.

main.js:

define( 'main', [ 'blah' ], function( Blah ) {
	window.Blah = Blah;
});
require( ['main'] );

Далее, в другом файле вызываем:
new Blah(); // Blah is not defined

Оптимизатор должен выдавать один JS файл, который должен немедленно создать переменную.

<script src="blah-built.js"></script>
<script>new Blah(); // Blah is not defined </script>

Сейчас приходится извращатьс вот так:

main.js:

( function() {
	window.Blah = function() {
		var _this = this;
		require([ 'blah' ], function( _Blah ) {
			_this.me = new _Blah();
		});
	};
})();

Как решить эту проблему? Хочется иметь нормальный конструктор сразу после загрузки.

Answer 1

[Николай Васильчук]

window.Blah = Blah;
Вы прям всю концепцию requirejs поломали.
Надо что-то менять

Comments

[Finom]

Нечего менять, учитывая, что это standalone скрипт без зависимостей (с возможностью работы как с жуквери плагином). А по вопросу есть варианты решения?

[Николай Васильчук]

@Finom всё очень просто:

require([ 'blah' ], function( Blah ) {
	new Blah();
});

[Finom]

Где это выполнить, если на странице нет requirejs?

[Николай Васильчук]

@Finom А как у вас работает приложение с requirejs, если на странице нет requirejs?

[Finom]

@Anonym возможно, я не ясно выразился. Я пишу (написал уже) относительно крупное приложение, не простое, а встраиваемое. Каждый, кто имеет доступ к скомпилированному скрипту, может запустить это приложение используя конструктор (в примере это Blah) и передать в него некоторые опции запуска (настройки). Приложение сделано с использованием requirejs дабы не делать нервы пользователю кучей зависимостей и множеством классов. Я не име возможности заставлять пользователя подключать requirejs.

Обобщая, представьте, что вы пишете библиотеку (типа жиквери), состоящую из множества файлов. Эта библиотека создает одну глобальную переменную, дабы пользователь имел возможность обратиться к ней, без подключения другой библиотеки.

[Николай Васильчук]

@Finom Я понял вас.
Обычно, системы, которые требуют какой-то загрузки делают иначе. Вот пример:

var app = new App();
app.onLoad(function() {
    alert('Application loaded');
});

Это нормальная практика.

[Finom]

@Anonym костыль, согласитесь (большой разницы с моим костылем не вижу). Было бы странно видеть тот же jQuery, требующий такой загрузки.

[Николай Васильчук]

@Finom jQuery требует такой загрузки. document.ready никто не отменял.

[Finom]

@Anonym если добавлять скрипты в конец файла, то о ready можно вообще забыть, чем многие давно и успешно пользуются, включая меня. Другими словами - нет, не требует, вы немного ошиблись.

[Николай Васильчук]

@Finom Если вы сожмете ваш код в один файл, и добавите его в конец страницы, он тоже не будет требовать подобных извращений.
Что касается jQuery - если у вас есть плагин (который загрузится асинхронно), то его вызов неплохо было бы обернуть в dom.ready, чтобы он не инициализировался до инициализации jQuery.

[Finom]

@Anonym как я могу использовать методы jQuery до того, как jQuery инициализирован? :)

Не вижу смысла в дальнейшем продолжении спора. Очевидно, requirejs не имеет механизмов бескостыльнго решения моей проблемы.

[Николай Васильчук]

@Finom Вы путаете тёплое с мягким. Если вы используете requirejs для загрузки модулей вашего приложения, то его и надо использовать для экспорта методов приложения наружу.
Если вы используете requirejs только для сборки (а в собранном виде его уже нет), то у вас не должно быть описанной проблемы (т.к. в загруженном файле уже все методы будут инициализированы).