Install Font Awesome in Laravel (IFAL)

Hi dev, I want to share my experience integrating font awesome into laravel. The first thing you need to know is that I developed this laravel using the Homestead environment.

By default, the Laravel project already includes bootstrap, but when I tried to add bootsnip Login page, there were some icons that did not appear, it turned out there was an external font-awesome library in the header. Actually, it was easy for me to add the external without having to embed it into the Laravel app, but my site's performance would be disrupted if the external source was used by many sites, so I decided to embed it in my Laravel app (self-hosted).

First, download the awesome font vendor in the node_modules directory, here's how;

npm install --save @fortawesome/fontawesome-free

Then import the Font Awesome assets you want into your resources/assets/sass/app.scss, for example like this;

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

Then compile app.scss, the method is;

npm run dev

The above command will not build your assets into unminified versions (meaning intact as the original).

Meanwhile, if you want to deploy a Laravel app for production, to optimize its performance, make the assets into a minified (compressed) version, as follows;

npm run production

That is all and thank you.