使用Backbone.js路由器浏览使用require.js模块化的视图

require.config({
    paths: {
        'jquery': 'path/to/jquery',
        'underscore': 'path/to/underscore',
        'backbone': 'path/to/backbone',
        'router': 'router'
    },
    shim: {
        'backbone': {
            deps: ['underscore', 'jquery'],
            exports: 'Backbone'
        }
    }
});

require(['router'], function(Router) {
    new Router();
    Backbone.history.start();
});

define(['backbone'], function(Backbone) {
    var Router = Backbone.Router.extend({
        routes: {
            '': 'home',
            'about': 'about'
        },

        home: function() {
            require(['homeView'], function(HomeView) {
                new HomeView();
            });
        },

        about: function() {
            require(['aboutView'], function(AboutView) {
                new AboutView();
            });
        }
    });

    return Router;
});

define(['backbone'], function(Backbone) {
    var HomeView = Backbone.View.extend({
        el: '#container',

        render: function() {
            this.$el.html('<h1>Home</h1>');
        }
    });

    return HomeView;
});

define(['backbone'], function(Backbone) {
    var AboutView = Backbone.View.extend({
        el: '#container',

        render: function() {
            this.$el.html('<h1>About</h1>');
        }
    });

    return AboutView;
});