LaravelにFont Awesome5を導入する

決まったコマンドと貼り付けるファイルがあるので、メモをしておきます。

ターミナル

$ npm install @fortawesome/fontawesome-free

と打ちます。

上記のコマンドの結果、package.jsonに

package.json

"@fortawesome/fontawesome-free": "^5.10.2", (バージョンはそれぞれ)

と追加されているのを確認したら、

下記のコマンドでパスを指定し

_variables.scss

$fa-font-path: "../webfonts";

scssファイルをインポートします。

app.scss

@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";
@import "~@fortawesome/fontawesome-free/scss/regular.scss";
@import "~@fortawesome/fontawesome-free/scss/solid.scss";
@import "~@fortawesome/fontawesome-free/scss/brands.scss";

以上で完成です！

ターミナル

$ npm run watch

あとは監視！