Как организовать большое количество зависимостей в RequireJS?

Question

[Антон Медведев]

Использую RequireJS и с толкнулся с такой вот проблемой:

define([ "require", "jquery", "blade/object", "blade/fn", "rdapi",
         "oauth", "blade/jig", "blade/url", "dispatch", "accounts",
         "storage", "services", "widgets/AccountPanel", "widgets/TabButton",
         "widgets/AddAccount", "less", "osTheme", "jquery-ui-1.8.7.min",
         "jquery.textOverflow"],
function (require,   $,        object,         fn,         rdapi,
          oauth,   jig,         url,         dispatch,   accounts,
          storage,   services,   AccountPanel,           TabButton,
          AddAccount,           less,   osTheme) {

});

Очень много зависимостей.

Что делать что бы избежать этого? В идеале хотелось бы начале файла просто написать:

Module = require('module')
User = require('user')
...

Answer 1

[Алексей Журбицкий]

Ваш пример из документации, там же описано как сделать его чуть более читабельным

define(['require', 'dependency1', 'dependency2'], function (require) {
    var dependency1 = require('dependency1'),
        dependency2 = require('dependency2');

    return function () {};
});

Comments

[Антон Медведев]

Вообще то вот так:

define(function (require) {
    var dependency1 = require('dependency1'),
        dependency2 = require('dependency2');

    return function () {};
});

RequireJS парсит require('') и конвертирует в то что вы написали.

По моему это не очень хорошо. Было бы идеально компилировать это самому.

[Антон Медведев]

Поскольку я пишу на CoffeeScript то мне приходится в начало каждого файла писать

define (r) ->
  далее мой код

Answer 2

[Павел Иванников]

Лично я описываю зависимости для модулей в конфиге на точке входа requirejs:
index.js

require.config({
// Описываем пути
    baseUrl: '../js'
    paths: {
        jquery: 'libs/jquery',
        someModule: 'module'
    },
// Описываем зависимости для модулей
    shim: {
        someModule: ['jquery']
    }
});

В итоге, в подключаемом модуле мне не нужно указывать зависимости

define(function(){
    ...
    obj.someFunc = function(){
        $("#someButton").click(...)
    }
    return obj;
});

Проверено лично. Работает. Вот ссылка на документацию

Comments

[xaseros]

А где тут вообще использование requirejs? Вы просто подгрузили jquery через shim и все. Или я чего-то не понял?

Answer 3

[Константин Китманов]

define(
    'blade',
    ['blade/object', 'blade/fn', 'blade/jig', 'blade/url'],
    function(object, fn, jig, url) {
        return {
            object: object,
            fn: fn,
            jig: jig,
            url: url
        } 
    }
)

// …

define(
    ['blade', 'require', 'jquery'],
    function(blade, require, jquery) {
        // …
    }

)

То есть собираем в пакеты по неймспейсам и пакеты уже подключаем.

Comments

[Антон Медведев]

Получается очень запутанная структура.
Что делать если мне нужно подключить 3-4 разных класса и 4-5 различных плагина для jQuery? Описывать ещё один файл с зависимостями?