requirejs和directorjs结合使用总结

使用requirejs和directorjs实现的单页程序

index.html --> index.js -->  routers.js -->  routerAction.js

index.html

<script type="text/javascript" data-main="js/index" src="js/libs/require.js"></script>

index.js

require.config({
    urlArgs: "bust=" + (new Date()).getTime(),
    waitSeconds: 0,
    paths: {
        "jquery": "libs/jquery-1.11.3",

    },
    shim: {
        config: {
            deps:[],
            exports: 'GlobalConfig'
        }
    }
})

require(['routers'], function(){});   //先加载routers

routers.js

各应用路由的设置

define(['routerAction', 'director'], function(rA){
    var routers;
    routers = {
        '/sample': {
            '/:id': {
                on: function (id) {
                    rA.sample(id);
                }
            }
        },
        '/XX': {
            on: rA.xx
        }

     };

    var router = new Router(routers).configure({recurse: 'false'}).init('#/XX');     //--指定默认起始页
});

routerAction.js

对各路由相应的函数/操作

define(['knockout', 'jquery'], function(ko, $){

  var routerAction = {

      club4006:function(){
               
        },

   }

  return routerAction;

 })