在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 语句导入到您的组件中：

import * as _ from "lodash";

请注意我们如何从 Lodash 导入所有内容并给它一个别名 _，以便它可以像往常一样使用。

您现在可以测试 Lodash 是否在组件类中使用类似以下内容：

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

如果您打开浏览器并检查控制台，您会看到 _.chunk 正常工作，并且控制台记录了我们的两个数组。