Laravel8 with Fontawesome

I expect you use the latest version which you installed like so

npm install @fortawesome/fontawesome-free 

You should then import them like this

// resources/sass/app.scss

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

Only include what you really need ;)

When I’m using the Jetstream with Laravel 8, the webpack is using css/app.css and postCss. I tried adding the app.scss to the mix, but is giving error. I don’t know how tto add scss to the mix with a webpack made by Jetstream.

Try that. https://pastebin.com/A7rV3Vhd

Ok, but in Laravel 8 with Jetstream, the Webpack is :

mix.js('resources/js/app.js', 'public/js')
    .postCss('resources/css/app.css', 'public/css', [
        require('postcss-import'),
        require('tailwindcss'),
    ]);

So is not working by adding anything to a app.scss. Do I have to add the app.scss file and make somekind of include in the Webpack ?

Same problem here, Jetstream is using css intead of scss, so, it throws an error when importing fontawesome. Any tip?

Try this.

1: change the code of webpack.mix.js as below

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .options({
        postCss: [
            require('postcss-import'),
            require('tailwindcss'),
        ]
    });

2: install Font Awesome (↓ in case of free version)

npm install --save @fortawesome/fontawesome-free

3: create a new file [ resources\sass\app.scss ] and add the code as below. ( resources/css/app.css won't be used.)

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

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

4: build them.

npm install && npm run dev

Good One! This is really needed! Thanks for sharing with us!

Thank you so much.. that worked!

Does anybody have a working solution for laravel 8 and font awesome? I tried the fix above but it's not working.

Yes, I have it working. Did you install the Jetstream on your Laravel 8 ?

Yes, I installed Jetstream.

Ok, then it should work. What errors are you getting ?