Angularアプリでのサードパーティライブラリの使用

したがって、Angular 2+プロジェクトでjQueryやLodashなどのサードパーティライブラリを使用したいのですが、その方法がわかりませんか？ Lodashを例として、段階的な内訳を次に示します。

1. Lodashのインストール

まず、npmを使用してプロジェクトにLodash自体をインストールすることから始めます。

$ npm install --save lodash

または糸で：

$ yarn add lodash

2. TypeScriptタイプ定義をインストールします

TypeSearch のツールを使用して、ライブラリで使用可能なタイピングを検索できます。

この場合、Lodashの型は @types / lodashとしてパッケージ化されているため、npmを使用してインストールできます。

$ npm install --save @types/lodash

または糸で：

$ yarn add @types/lodash

3. 輸入

これで、次のようなインポートステートメントを使用してLodashをコンポーネントにインポートする準備が整いました。

import * as _ from "lodash";

Lodashからすべてをインポートし、 _ のエイリアスを指定して、通常どおりに使用できるようにする方法に注目してください。

これで、Lodashがコンポーネントクラスで次のようなもので動作していることをテストできます。

fruits = ['bananas', 'oranges', 'strawberries', 'kiwis'];

ブラウザを開いてコンソールを確認すると、_。chunkが機能し、コンソールが2つのアレイをログに記録していることがわかります。