サードパーティ製のライブラリをAngular 4に接続してサービスとして使用する方法

Question

Angular CLIを使用して作成したAngular 4アプリケーションにcollect.jsを追加しようとしていますが、これは独自の入力ファイルですが、わかりませんパッケージをインポートする方法、そしてパッケージの使用を開始する方法について説明します。以下のインポートは私のパッケージの輸出を取得するように見えるが、私はそれらにアクセスする方法を理解していない：

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を使用している場合は、下のリンクの指示に従ってください。

がnpmを使用して、ライブラリ、およびライブラリタイピングをインストールし、次のように

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

手順の概要です。

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

その後types配列src/tsconfig.app.json

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

通常のように、コード内のライブラリを使用するようにライブラリを追加します。

問題がある場合は、上記のリンクを参照してください。