使用复杂的.d.ts文件（chrome-app.d.ts）

Question

最d、 ts文件很容易使用，jQuery。d、 例如ts。但现在我遇到了chrome应用程序。d、 （对我来说！）如何导入此打字文件。chrome应用程序。d、 ts由一系列模块定义组成，每个模块定义包含接口和导出的函数。这里有一个剪报：

declare module chrome.app.runtime {
    interface LaunchData {
        id?: string;
        ......
        ......
}

declare module chrome.app.window {
    interface ContentBounds {
        left?: number;
        ......
        ......
    export function current(): AppWindow;
    export function get(id: string): AppWindow;
    export function getAll(): AppWindow[];
}

以此类推，共七个模块。未引用模块名称。没有顶级出口申报。

如何在ts中使用（即导入）此定义文件？我想用chrome。应用程序。窗get（）等等，继续使用Goog文档中的JS定义。所以用打字脚本回答。d、 没有声明模块的ts文件几乎可以解决我的问题。在该解决方案中，添加到补充。d、 引用模块名的ts文件：

declare module 'chrome.app.runtime' { export = chrome.app.runtime; }

事实上，我可以用这个：

import chromeAppRuntime = require('chrome.app.runtime');

但我不能用这个：

import chrome.app.runtime = require('chrome.app.runtime');

所以这是可以的，并保留工具链：

import fooBar = require('chrome.app.runtime');
var chrome = {app: {runtime: fooBar}};

还有更简单的吗：）

Answer 1

chrome对象是全局命名空间对象，而不是某个外部模块。此chrome-app.d.ts文件描述了存在于Chrome扩展范围内的全局对象。它使用（不鼓励/不建议使用）模块关键字，这与较新版本的TypeScript中较少混淆的命名空间关键字相同。换句话说，此d.ts文件在全局范围内声明命名空间对象。

要使用这个d.ts文件，您不需要导入它，而是将它与您自己的代码一起直接传递给编译器：

tsc my/extension.ts chrome-app.d.ts

然后，您的代码直接使用chrome对象，就像您直接从DOM中运行的脚本的全局范围使用窗口或文档一样。（TypeScript编译器在运行时隐式包含捆绑的lib.d.ts，这会暴露DOM API。）