Question

我试图将collect.js添加到使用Angular CLI构建的Angular 4应用程序中，该应用程序有自己的打字文件，但我不明白如何导入包，并开始使用它。下面的导入似乎让我得到了包的出口，但我不明白如何访问它们：

import * as Collection from 'collect.js';

这是导入的collect.js文件：

function Collection(collection) {
  this.items = collection || [];
}

Collection.prototype[Symbol.iterator] = require('./methods/symbol.iterator');

Collection.prototype.all = require('./methods/all');
// ... removed for brevity
Collection.prototype.zip = require('./methods/zip');

module.exports = collection => new Collection(collection);
module.exports.default = collection => new Collection(collection);

导入集合是您从模块导出中获得的一种方法，但是我无法在没有VSCode的情况下调用它，因为它没有呼叫签名，我也不确定是否自动加载或如果我需要手动添加它们。我希望通过导入一次然后只是映射方法来提供服务，然后在CoreModule中提供它，这样我就可以在应用程序中的任何地方使用DI，但我不知道如何访问API以使其成为一项服务。

Answer 1

如果您想向Angular应用程序添加第三方库，并且您正在使用Angular CLI，请按照以下链接中的说明进行操作。

https://github.com/angular/angular-cli/wiki/stories-third-party-lib

步骤摘要如下

使用npm安装库和库类型。

npm install <library-name> --save
npm install @types/<library-name> --save-dev

然后将库添加到类型数组src/tsconfig.app.json

"types":[
  "<library-name>"
]

正常使用代码中的库。

如果您有任何问题，请参阅上面的链接。

如何将第三方库连接到Angular 4以用作服务

1 个答案: