javascript - 如何通过 RequireJS/AMD 将我的 TypeScript 代码公开给我的 JavaScript 代码？

Question

这是一个遗留项目，所以我不会将所有内容都更改为 TypeScript，但我确实想慢慢开始结合它，所以我想使用 RequireJS 从普通 JS 调用 TypeScript 代码。我有一个 1-login.js 和 realtimeConnection.ts(已转换为 realtimeConnection.js):

<script type="text/javascript" data-main="/content/scripts/realtimeConnection.js" src="/content/require.min.js"></script>
...
<script type="text/javascript" src="/content/pages/1-login.js"></script>

这是1-login.js:

(function ($) {
    requirejs(["/content/scripts/realtimeConnection.js"], function (rtCon) {
        debugger;
        // The probelm: rtCon === undefined
    });
    ...
    ...
}(jQuery));

realtimeConnection.ts:

export class RealtimeConnection {    
}

这又变成了 realtimeConnection.js:

"use strict";
var RealtimeConnection = (function () {
    function RealtimeConnection() {
    }
    return RealtimeConnection;
}());
exports.RealtimeConnection = RealtimeConnection;

那么如何通过 RequireJS 将我的 TS 代码暴露给 JS 代码呢？

Answer 1

好的，找到了:我需要告诉 TypeScript 编译器以 RequireJS/AMD 风格构建它:

因为我使用的是 Visual Studio 2015，所以我在根内容目录，as per this SO answer .

现在可以了。

现在要将其标记为重复的人:

That allegedly duplicate question ，我在上面链接的答案，标题为“Visual Studio 2015 RC does not create sourcemap when saving Typescript file”。答案是一样的，但问题是不同的。

我找到了我的答案，希望它也能帮助其他人... BTNOMB .. 只是说...