Loading subapps based on user configuration in an app based on thejameskyle's marionette-wires

main-with-subapp-configs.js

require('./plugins');
var Backbone = require('backbone');
var Application = require('./application/application');
var ModalService = require('./modal/service');
var HeaderService = require('mm-header');
var IndexRouter = require('./index/router');
var AvailsRouter = require('./avails/router');
var UserService = require('./user-service');

var app = new Application();

ModalService.setup({ container: app.layout.overlay });
HeaderService.setup({ container: app.layout.header });

UserService.get().then(function(config) {
  //
  // For example, `config` would be
  //
  //   {
  //     "subapps": ['deals', 'report-builder', 'operator', 'user-admin']
  //   }
  //
  var subapps = config.subapps;

  _.each(subapps, function(subapp) {
    var SubappRouter = require('./' + subapp + '/router');
    app[subapp] = new SubappRouter({ container: app.layout.content });
  });
});

Backbone.history.start();

main.js

require('./plugins');
var Backbone = require('backbone');
var Application = require('./application/application');
var ModalService = require('./modal/service');
var HeaderService = require('mm-header');
var IndexRouter = require('./index/router');
var AvailsRouter = require('./avails/router');

var app = new Application();

ModalService.setup({ container: app.layout.overlay });
HeaderService.setup({ container: app.layout.header });

app.index = new IndexRouter({ container: app.layout.content });
app.frogs = new AvailsRouter({ container: app.layout.content });

Backbone.history.start();