DEV.RULES
Digital agency
281
Laravel

Font Awesome 5 install to Laravel

От Святослав Торн, публикация от 28 June, 2020

1. Установка Font Awesome 5

Чтобы подтянуть иконки в наш проект используем команду

npm install --save @fortawesome/fontawesome-free

2. Импорт в css или scss файл

Откройте файл со стилями /resources/sass/app.scss (возможно scss/app.css и как угодно еще).

Вставим в файл

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

3. Запуск сборки

Выполните команду 

npm run dev

4. Одно НО (если не работают иконки)

Обычно все работает сразу.

При работе с TALL стеком была проблема что не билдились сами шрифты. Для исправления ситуации добавим в файл webpack.mix.js:

mix.copyDirectory('node_modules/@fortawesome/fontawesome-free/webfonts', 'public/webfonts');

 И повторно билдим, должно пройти успешно!

npm run dev