RequireJS Basics April 11th, 2013

• RequireJS loads scripts asynchronously and out of order for speed
• Define modules with dependencies
• Written in JS, so “.js” is not needed when declaring scripts to load

<script src="/Scripts/require.js" data-main="/Scripts/app/main.js"></script>

Contents of main.js could look like this…

require([
        "mylibs/utils",
        "mylibs/palette"
    ], function(utils, palette){
        // The app is loaded...
    }
);

Defining dependencies in a JS module…

define(["mylibs/utils"], function(utils){
        // MY MODULE
    }
);

Resources

• RequireJS Fundamentals