Modular file loading - RequireJS

moduleLoader.js

require.config({
	paths: {
		text: '/assets/js/vendor/require/text.min',
		pace: '/assets/js/vendor/pace/pace.min',
		jquery: '/assets/js/vendor/jquery/jquery.min',
		underscore: '/assets/js/vendor/underscore/underscore.min',
		backbone: '/assets/js/vendor/backbone/backbone.min',
		bootstrap: '/assets/js/vendor/bootstrap/bootstrap.min',
		enquire: '/assets/js/vendor/enquire/enquire.min',
		templates: '/templates'
	},
	wrapShim: true,
	shim: {
		pace: {
			exports: 'pace'
		},
		jquery: {
			exports: '$, jQuery'
		},
		underscore: {
			exports: '_'
		},
		backbone: {
			exports: 'Backbone',
			deps: ['jquery', 'underscore']
		},
		bootstrap: {
			exports: 'Bootstrap',
			deps: ['jquery']
		},
		enquire: {
			exports: 'enquire'
		},
	}
});
define(['jquery', 'underscore', 'backbone', 'bootstrap', 'enquire'],
	function($, _, Backbone, Bootstrap, Enquire) {
		$ = $.noConflict(true);
		_ = _.noConflict();
		Backbone = Backbone.noConflict();
		if (!window.$ && !window.jQuery) {
			window.$ = window.jQuery = $;
		}
		if (!window._) {
			window._ = _;
		}
		if (!window.Backbone) {
			window.Backbone = Backbone;
		}

		require(['main'], function(Main) {
			$(document).ready(Main);
		});

		return {
			$: $,
			_: _,
			Backbone: Backbone,
			Bootstrap: Bootstrap
		};
	}
);