如何通过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， 因此根据此SO答案 ，我在根内容目录中放置了一个tsconfig.json文件，其中包含相应的设置（特别是"module": "amd" ）。

现在它有效。

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

这个涉嫌重复的问题 ，我在上面链接的答案，标题为“Visual Studio 2015 RC在保存Typescript文件时不创建源图”。 答案是一样的，但问题是不同的。

我找到了答案，希望它能帮助别人...... BTNOMB ......只是说......