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

【问题标题】：How do I expose my TypeScript code to my JavaScript code via RequireJS/AMD?如何通过 RequireJS/AMD 将我的 TypeScript 代码公开给我的 JavaScript 代码？
【发布时间】：2016-07-21 16:18:17
【问题描述】：

这是一个遗留项目，所以我不会将所有内容都更改为 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代码呢？

【问题讨论】：

标签： javascript typescript requirejs

【解决方案1】：

好的，找到它：我需要告诉 TypeScript 编译器以 RequireJS/AMD 样式构建它：

由于我使用的是 Visual Studio 2015，因此我在根目录 as per this SO answer 中放置了一个具有适当设置的 tsconfig.json 文件（特别是 "module": "amd"）。

现在可以了。

现在对于将其标记为重复的人：

That allegedly duplicate question，它的答案我在上面链接，标题为“Visual Studio 2015 RC 在保存 Typescript 文件时不创建源映射”。答案相同，但问题不同。

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

【讨论】：