Laravelでfont awesomeを使えるようにする

プロジェクトディレクトリで下記実行

$ npm install @fortawesome/fontawesome-free --save-dev

$ npm install font-awesome-scss --save-dev

なんかエラー出るけど一旦気にするな

app.scssに下記追記

//font awesome
@import '~@fortawesome/fontawesome-free/scss/fontawesome';
@import '~@fortawesome/fontawesome-free/scss/solid';
@import '~@fortawesome/fontawesome-free/scss/regular';
@import '~@fortawesome/fontawesome-free/scss/brands';
@import '~@fortawesome/fontawesome-free/scss/brands';

この追記が抜けている解説記事があるが、これがないと一部のアイコンが表示できない。

プロジェクトディレクトリで

npm run dev

を実行して認識させる

インストールされたfontawesomeのバージョンを確認したければ

fontawesome.scss

の中を見ればわかる。

本当にfontawasomeが必要？

cssフレームワークをインストールすると、アイコンのコンポーネントが元々同梱されていることもあるので、わざわざfontawaseomeを入れなくてもいいかも。