How to organize a large number of dependencies in RequireJS?

Question

JavaScript

I'm using RequireJS and ran into this problem:

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) {

});

A lot of dependencies.

What to do to avoid this? Ideally, I would like to simply write at the beginning of the file:

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

Answer 1

Your example is from the documentation, it also describes how to make it a little more readable

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

    return function () {};
});

Answer 2

Personally, I describe dependencies for modules in the config at the requirejs entry point :

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

As a result, in the plug-in, I do not need to specify dependencies

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

Verified personally. Works. Here is the link to the documentation

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) {
        // …
    }

)

That is, we collect into packages according to namespaces and we already connect the packages.