使用 require.js 加载命名的 TypeScript 模块

Question

简要问题描述：我想使用 TypeScript 生成 AMD 样式的 named 模块，然后我想使用 requires 从捆绑和缩小的文件中加载这些模块.js。

问题：

• 这可能吗？
• 或者您建议其他方法？

我想将捆绑和缩小所有脚本（因此不需要额外的 HTTP 请求）与加载由 TypeScript 生成的命名 AMD 模块结合起来。

---

更新：我正在考虑以下 JavaScript 解决方案：

define("greeter", ["require", "exports", "jquery"], function(require, exports, $) {
    function greet() {
        alert("Hello World!");
    }

    exports.greet = greet;
});

然后，我可以将生成的 JavaScript 模块打包并压缩到一个文件中，这样浏览器就可以轻松地对其进行缓存。此外，require.js 不必去那里通过几个 GET 请求来获取模块——它们已经被定义了。另外，我拥有使用 TypeScript 生成这些模块的所有优势。

Answer 1

我会直接在 TypeScript 中使用 RequireJS 来解决这个问题。

它有一个定义文件，我已经编写了一个使用 jQuery 的原始 RequireJS in TypeScript（而不是 import 语句）的示例，您可能能够适应。

这是生成的 TypeScript 代码...

///<reference path="require.d.ts" />
///<reference path="jquery.d.ts" />
require(['jquery'], function ($) {
    $(document).ready(() => {
        alert('Your code executes after jQuery has been loaded.');
    });
});

如果这不符合您的要求，请告诉我您将如何在 JavaScript 中执行此操作，我很乐意提供 TypeScript 等效项。