javascript custom module system

Question

i am trying to make a custom module based application myself.

1st the idea:

i want to have couple of modules which all will represent a file )

1 module: Object, with filename. Object.js 2nd module: Utils, with filename Utils.js

now as you can see in my code i am using get script to load all those files and prepare a global app object which i can use all accross my application.

However i want to combine all my js at the end of the development and minify it, so basically i dont know how to check ( and register ) those modules with requiring the file itself. Here are my app.js and my Object.js

app.js:

var shop = (function () {

    'use strict';

    var modules = [];

    var getModulesDir = function () {
        return document.location.origin + "/js/App/modules/"
    }

    var registerDefaultModules = function () {

        modules.push({
            name: "Object",
            alias: "Object"
        }, {
            name: "Utils",
            alias: "Utils"
        });
    };

    var loadModules = function () {

        jQuery.each(modules, function (key, module) {

            if (module.name == "") {
                console.error("loading script without name");
                return true;
            }

            if (module.alias == "") {
                module.alias = module.name;
            }

            if (typeof shop[module.alias] !== "undefined") {
                return true;
            }

            window.moduleAlias = module.alias;

            var path = "";

            if (typeof module.path != "undefined") {
                path = module.path;
            }

            if (path == "") {
                path = getModulesDir() + module.name.split('.').join('/') + ".js";
            }

            $.getScript(path)
                .done(function (script, textStatus) {

                })
                .fail(function (jqxhr, settings, exception) {
                    console.error('failed loading a script')
                });
        });
    }

    var init = function () {

        registerDefaultModules();
        loadModules();
    }

    return {
        init: init
    };

})();

jQuery(document).ready(function () {
    shop.init();
});

Object.js

(function($, app) {
    $(window).load(function(event) {

        'use strict';

        app.Object = {

            getSize: function(object) {

                var size = 0,
                    property;

                for (property in object) {
                    if (object.hasOwnProperty(property)) {
                        size++;
                    }
                }

                return size;
            }
        }

        return app;
    });
})(jQuery, shop);

i could be totally wrong, and if so would be nice if someone show me the right way of doing it.