如何在TypeScript AMD模块中定义依赖模块

Question

如何使用TypeScript在AMD模块中定义依赖模块,包括例如jQuery和下划线.我使用JavaScript,例如,像这样:

define('moduleA',
    ['jquery', 'underscore'], function ($, _) {
    }
});

如何做到这一点,以便TypeScript编译器生成此代码.

Answer 1

使用编译器的当前实现（0.8），实现您所寻求的方法如下。

测试.ts：

import jquery = module("jquery");
import underscore = module("underscore");

export module A {
    console.log(jquery.$ + underscore._);
}

jquery.ts：

export var $ = null;

下划线.ts：

export var _ = null;

如果使用模块开关编译 test.ts：

tsc --module AMD test.ts

它会为你生成以下 JS 文件：

define(["require", "exports", "jquery", "underscore"], function(require, exports, __jquery__, __underscore__) {
    var jquery = __jquery__;
    var underscore = __underscore__;
    (function (A) {
        console.log(jquery.$ + underscore._);
    })(exports.A || (exports.A = {}));
})

请注意，如果您将 import 语句放入模块内，它将由于错误而正确记录代码生成。该团队目前正在修复该项目，但希望这不会阻止您。