Requirejs configuration in different file

Question

I am using requirejs. My main.js content is like following.

requirejs.config({
    async: true,
    parseOnLoad: true,
    packages: [],
    paths: {
        jquery: 'https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min'
    }
});

require(["login"], function (loginService) {

    loginService.login('validUser');

});

Now, my config elements are little. But later, I will add packages, paths and others, so the require.config lines will increase.

I wanna separate require.config as a different file and use it?
If jquery load delays, does the error occurs? My other javascript files are using it.

Marius · Accepted Answer · 2014-04-16 16:06:53Z

14

Yes you can, require your config before you require anything else, like this:

config example:

require.config({
    baseUrl: '/Public/js',
    paths: {
        jquery: '../../Scripts/jquery-1.10.2.min',
        jqueryui: '../../Scripts/jquery-ui-1.10.2.min',
    },
    shim: {
        jqueryui: {
            deps: ['jquery']
        },
    }
    waitSeconds: 3
});

and, then I load it:

require(['/Public/js/config.js'], function() {
    require(['home/index'], function() {                
    });
});

Just remember that you reference the config.js by path in the first require-statement because require.js can not resolve by baseUrl since it has not been loaded. When you get to the inner require()-statement, its loaded and you can reference dependencies relative to baseUrl.

answered Apr 16, 2014 at 16:06

Marius

9,7548 gold badges53 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Zathrus Writer · Accepted Answer · 2013-09-06 08:50:58Z

1

You can put the config into a separate JS file, that's not a problem. Just make sure that file is loaded prior to the require() call in your main code.
If you're using jQuery for other scripts that are not loaded via requireJS, you will get errors if they happen to load sooner than jQuery. What you need to do is convert all those static files into requireJS modules and load them all via requireJS. By using a define() function in each of the modules, you can set up dependencies, so all modules will wait for jQuery to load prior to executing their own code.

answered Sep 6, 2013 at 8:50

Zathrus Writer

4,3315 gold badges30 silver badges53 bronze badges

2 Comments

Paul Grime Over a year ago

You can also use shims (requirejs.org/docs/api.html#config-shim) to avoid having to wrap defines around non-AMD JS.

Zathrus Writer Over a year ago

Paul - that's very correct and can be used for jQuery plugins and such - for more info, see requirejs.org/docs/api.html#config-shim

enriquecastl · Accepted Answer · 2013-09-06 14:43:23Z

0

This is an example of a multipage requirejs based project where the requirejs.config call is in a separate file

https://github.com/requirejs/example-multipage/tree/master/www

answered Sep 6, 2013 at 14:43

enriquecastl

8405 silver badges10 bronze badges

Collectives™ on Stack Overflow

Requirejs configuration in different file

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related