Font-awesome 5.13.0 с реакцией

Question

Я пытаюсь использовать Font-Awesome 5.13.0 в качестве реакции. js приложение, есть ли способ использовать такие значки:

<i className="fas fa-tachometer-alt fa-fw "></i>

Вместо использования официального реагировать способом 'как:

import { faHome } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";

<FontAwesomeIcon icon={faHome} />

Заранее спасибо.

Answer 1

Вы можете установить горячую ссылку css из CDN, например https://www.bootstrapcdn.com/fontawesome/ (не забудьте настроить CSP)

Другой вариант - импортировать Font Awesome css из узловых модулей

import '../node_modules/@fortawesome/fontawesome-free/css/all.css';

Вам необходимо настроить инструмент сборки для загрузки файлов sass / css, например, для webpack

{
    test: /\.(sass|scss|css)$/,
    use: ['style-loader','css-loader','sass-loader']
},

Вам необходимо настроить инструмент сборки на загрузить файлы шрифтов, например, для webpack

{
    test: /\.(svg|eot|woff|woff2|ttf)$/,
    use: ['file-loader']
}