如何在简单的html文件中使用inverseify和requirejs？

Question

我正在尝试创建一个客户端软件包，该软件包可在.html文件中使用，而无需任何服务器端代码。

我创建了一个示例repo，以防您需要查看实际的问题。

主要问题是我的.ts

中的以下代码

    import { inject } from "inversify";

已翻译为

    define(["inversify", ...

在javascript中。因此requireJs希望为其找到文件，以便可以加载它。但是它不可用。

这是我的必需js和ts配置：

    requirejs.config({
        baseUrl: './dist',
        paths: {
            // "inversify": "../node_modules/inversify/lib/inversify"
        },
        map: {
        },
        shim: {
        }
    });

    {
        "compilerOptions": {
            "baseUrl": ".",
            "paths": {},
            "module": "amd",
            "target": "es5",
            "lib": [
                "es2015",
                "dom"
            ],
            "outDir": "dist",
            "declaration": true,
            "declarationDir": "typings",
            "noImplicitUseStrict": true,
            "inlineSourceMap": true,
            "noImplicitAny": false,
            "noEmitOnError": true,
            "removeComments": false,
            "types": [
                "reflect-metadata"
            ],
            "moduleResolution": "node",
            "experimentalDecorators": true,
            "emitDecoratorMetadata": true
        },
        "exclude": [
            "typings",
            "dist",
            "node_modules"
        ],
        "compileOnSave": true
    }