Fontawesome 5 с угловой 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.library.add(faTrashAlt);

На HTML-странице вы просто добавляете значок:

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

Ссылка на замечательную документацию: https://fontawesome.com/how-to-use/use-with-node-js

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";