可通行的5与Angular 2

Question

我不知道如何包含fontawesome 5到Angular 2 应用程序。我找到了此包-https：//www.npmjs.com/package/@fortawesome/fontawesome您能告诉我我应该在哪里导入此软件包？也许在app.module.ts文件中？

Answer 1

首先：您需要安装软件包：

$ npm i --save @fortawesome/fontawesome
$ npm i --save @fortawesome/fontawesome-free-solid
$ npm i --save @fortawesome/fontawesome-free-regular
$ npm i --save @fortawesome/fontawesome-free-brands

然后在您的 app.component.ts 中添加导入：

import fontawesome from '@fortawesome/fontawesome';
import faTrashAlt from '@fortawesome/fontawesome-free-regular/';

以及在您的 app.component 的强制性中，您将图标添加到fontawesome库：

fontawesome.library.add(faTrashAlt);

在HTML页面中，您只需添加图标：

<i class="far fa-trash-alt"></i>

链接到Fontawesome文档：https://fontawesome.com/how-to-use/use-with-node-js#free

Answer 2

您需要安装软件包：

npm install @fortawesome/fontawesome-free

然后导入全部

import "@fortawesome/fontawesome-free/css/all.css";

或单独导入，这样：

import "@fortawesome/fontawesome-free/css/fontawesome.css";
import "@fortawesome/fontawesome-free/css/solid.css";