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つのアレイをログに記録していることがわかります。