How to wait when data-main is loaded with Require.JS before executing script?

Question

I'm having the following code:

<script data-main="scripts/main" src="components/requirejs/require.js"></script>
<script src="scripts/example1.js"></script>

Inside example1 I'm doing a require for some components of which the path is supposed to be set in scripts/main. However, the path is not correctly set (judging by the console feedback) which leads me to believe that require.js hasn't finished loading files referenced in scripts/main.

This all is pretty logical (async and all that), but I'd like to know how to run code inside example1.js after all this is set-up.

Normally, one would simply add the app-init code to scripts/main probably and be done with it, but I'm building up some examples, which all share the same scripts/main file (which is pretty big) and I don't want to duplicate that effort.

So how to do this?

Here is a nice related discussion: groups.google.com/forum/#!topic/requirejs/O92x6EwH_rc — J. Bruni
– J. Bruni, Commented Aug 20, 2013 at 16:21

Geert-Jan · Accepted Answer · 2013-08-21 18:15:31Z

1

Ended up doing the following, which isn't ideal (sets a global), but it's ok for my examples.

 <!-- sets window.requireconfig with an json object defining paths, etc.-->
 <script src="scripts/requireconfig.js"></script> 

 <!-- in top of example1.js do : require.config(window.requireconfig); -->
 <script data-main="scripts/example1" src="components/requirejs/require.js"></script>

edited Aug 21, 2013 at 18:15

answered Mar 13, 2013 at 14:42

Geert-Jan

19k19 gold badges82 silver badges146 bronze badges

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

Collectives™ on Stack Overflow

How to wait when data-main is loaded with Require.JS before executing script?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related