使用 AMD 将 jQuery 和其他第 3 方库作为模块导入 TypeScript

Question

问题：有没有办法使用 AMD 支持（通过编译器）将 jquery 导入 TypeScript 模块，从而将 jquery 作为依赖项包含在内？

关键是获取import语句，使模块成为define语句中的依赖（见下文）。

define(["require", "exports", 'dataservice', 'jquery', 'knockout'], 
    function(require, exports, __ds__, $ , ko) { 
         ...
    }
)

详情： 我想将 jquery（和其他 3rd 方库）作为 TypeScript 模块与 AMD 一起导入。目标是使它们在require 列表中显示为依赖项。但是，使 TypeScript 执行此操作的唯一方法似乎是使用 import 语句。并且要进行导入，您需要一个模块来导入。但是......没有 jquery 模块指向。 到。

解决方法：

1. 我可以参考 main.js 中的 .d.ts 并预加载 jquery 以获得 require.js，但这意味着预加载所有 3rd 方库。不可怕，但也不理想，因为它没有利用我们已经可以用 JavaScript 和 AMD 做的事情。
2. 我可以为每个第 3 方库创建一个模块并将其打包，但随后我得到了类似 $.$ 的东西。更糟糕的是，IMO（并且 Irisk 为每个模块编写了错误的模块代码并且不同步）。

所以现在我只是在 main.js 中预加载 jquery。但同样，但这并不理想。对于没有模块的任何库，如淘汰赛、主干等，都必须这样做。

有什么更好的建议或我缺少的东西吗？

更新/澄清：

我还可以在配置中使用 shims 来实现库之间的依赖关系。但这仍然会预加载第 3 方的。示例：

require.config({
    baseUrl: '../',
    paths: {
        'jquery': 'lib/jquery-1.7.2',
        'underscore': 'lib/underscore'
    }, 
    shim: {
        jquery: {
            exports: '$'
        },
        underscore: {
            exports: '_'
        }
    }
});

Answer 1

另一种解决方法是使用 requirejs 的类型定义并使用您自己的 require 语句，而不是 import 语句。

这样做的缺点是 TypeScript import 可以与 AMD 或 CommonJS 一起使用，只需更改编译器，因此与 import 相比，您将更多地在程序中结合 requirejs。

有一个现有的definition for requirejs on Definitely Typed。