index.html

<script src="/desktop/require.js"></script>
<script>
require(['index.js'], function(index){
  index.init();
});
</script>

index.js

(function() {
    var index = {};
    index.init = function(callback) {
        require([ "/desktop/jquery.js" ], function() {
          $(document).ready(function() {
              require([ "/desktop/underscore.js" ], function() {
                  require([ "/desktop/backbone.js" ], function() {
                      require([ "/desktop/backbone-house.js" ], function() {
                          require([ "/desktop/utils.js" ], function(utils) {
                              window.utils = utils;
                              require([ "myapp.js" ], function(BackboneApp) {
                                  var app = new BackboneApp({el:$("body")[0]});
                                  app.render();
                                  callback();
                              });
                          });
                        });
                    });
                });
            });
        });
    };
    if (define) {
        define(function() {
            return index;
        });
    }
})();

myapp.js

(function() {
    var AppView = Backbone.View.extend({
        tag: 'body',
        className: 'app',
        initialize: function() {
            var self = this;
        },
        render: function() {
            return this;
        },
        events: {
        }
    });
    
    if(define) {
        define(function () {
            return AppView;
        });
    }
    
})();