Make Modular app with require.js #JavaScript


require.config({
        paths:{
            jquery: "lib/jquery-1.8.0",
            underscore:"lib/underscore",
            backbone:"lib/backbone",
            todo: "models/todo",
            todo_view: "views/todo_view"
        },
        // 依存関係、外部に出す変数を設定する
        //exportsはnode.jsのmodule.exportsと同じ考え.
        shim:{
            // "backbone" refer to paths["backbone"]
            "backbone":{
                // set dependency module.
                deps:["underscore","jquery"],
                // It's same as exports = Backbone
                exports: "Backbone"
            },
            // exports _.
            "underscore":{
                exports: "_"
            }
        }
});

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <script data-main="app/config" src="app/lib/require.js"></script>
        <script>
            // call main.js.
            require(["main"]);
        </script>
        </meta>
    </head>
    <body>
    </body>
</html>

main.js

define(["jquery","underscore","backbone"],function($,_,Backbone){

    // write some great code!


});