Angular 5：向外部 JS 文件添加类型

Question

我正在通过<script src="http://.../script.js">加载一个 JS 文件

在 JS 中，有一个命名空间“foo”和一个方法“bar”。

我想从我的组件中调用foo.bar() 。

我想添加类型定义，以便我在编码时知道我在做什么。 我有带有类型定义的文件script.d.ts 。 它看起来像这样：

export as namespace foo;

export namespace Baz {
    interface Qux {
    // ...
    }
}

export function bar(): Baz.Qux;

我不知道如何在 Angular 构建中包含这个文件（使用 CLI），以便在构建过程中进行类型检查，但在运行时，外部 JS 文件中的命名空间和函数将从我的组件中调用。 帮助？

Answer 1

您不需要导出修饰符，因为它们不是从模块导出的，您可以使用declare并使用///引用它们，或者在tsconfig包含定义：

// script.d.ts
declare namespace foo {
    namespace Baz {
        interface Qux {
        // ...
        }
    }

    declare function bar(): Baz.Qux;
}

// Other file
/// <reference path="./script.d.ts" />
foo.bar() // works and calls method from remote JS file