Невозможно импортировать font-awesome в проект Reactjs

Question

Я пытаюсь использовать font-awesome в своем проекте Reactjs, но у меня проблемы с его импортом.

Установили

npm install --save font-awesome

Импортировано в мой файл index.js

import '../node_modules/font-awesome/css/font-awesome.min.css'; 

webpack.config.js

Добавлен загрузчик в мой веб-пакет

{
  test: /font-awesome\.config\.js/,
  use: [
        { loader: 'style-loader' },
        { loader: 'font-awesome-loader' }
       ]
}

А потом попытался использовать его в моем коде

<a href="#about" class="btn btn-circle page-scroll">
<i class="fa fa-angle-double-down animated"></i>

Но я получаю эту ошибку:

You may need an appropriate loader to handle this file type.

Какой загрузчик я должен использовать вместо того, который я использовал?

Answer 1

Используйте реализацию React FontAwsome:

import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faAngleDoubleDown } from '@fortawesome/free-solid-svg-icons'

...

render() {
  return (
    <FontAwesomeIcon icon={faAngleDoubleDown} pulse />
  )
}

Вы можете использовать желаемую анимацию с добавлением pulse или spin логического значения.