
プロジェクトディレクトリで下記実行
$ 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を入れなくてもいいかも。