Javascript 如何在html页面中调用AMD typescript函数？

我想使用下面的脚本，在我的html页面中使用“AMD”模块化。 我用Require.js尝试了一些东西，但是得到了这个错误

未捕获引用错误：未定义getByColor 在HTMLInputElement.onclick（（索引）：1）

outmod.js

    define("enums", ["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var color;
    (function (color) {
        color[color["red"] = 0] = "red";
        color[color["green"] = 1] = "green";
        color[color["blue"] = 2] = "blue";
    })(color || (color = {}));
    exports.color = color;
});
define("ibook", ["require", "exports"], function (require, exports) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
});
define("mymod", ["require", "exports", "enums"], function (require, exports, enums_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var books = [{ id: 1, title: "book1", author: "krish", available: true, colour: enums_1.color.red },
    { id: 2, title: "book2", author: "pink", available: false, colour: enums_1.color.green },
    { id: 3, title: "book3", author: "sach", available: false, colour: enums_1.color.blue },
    { id: 4, title: "book4", author: "sal", available: true, colour: enums_1.color.red }
    ];
    function getByColor(mycolor) {
        books.filter(function (bk) {
            if (bk.colour === enums_1.color[mycolor]) {
                console.log(bk);
            }
        });
    }
});

main.js

require.config({
    baseUrl: '/',
    deps: ['outmod'],
    paths: {

    }
});

html页面

<script data-main="main" src="require.js"></script>
    <input type="button" value="Module Demo!" onclick="getByColor('red');"/>

不能只从模块中调用方法，必须先加载它。@toskv如何加载它？