This document provides help on getting your Laravel instance running with the latest versions of Laravel Mix and Font Awesome.
Build your webpack.mix.js configuration.
mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');
Install Font Awesome.
npm install @fortawesome/fontawesome-pro
This will now be in your package.json.
// Font Awesome
"dependencies": {
"@fortawesome/fontawesome-pro": "^5.8.0",
In /resources/sass/app.scss import one or more styles.
// Fontawesome
@import '~@fortawesome/fontawesome-pro/scss/fontawesome.scss';
@import '~@fortawesome/fontawesome-pro/scss/regular.scss';
@import '~@fortawesome/fontawesome-pro/scss/solid.scss';
@import '~@fortawesome/fontawesome-pro/scss/brands.scss';
Let's compile our assets and produce a minified, production-ready build.
npm run production
Finally, reference your generated CSS file in your Blade template/layout.
<link type="text/css" rel="stylesheet" href="{{ asset('css/app.css') }}">
Happy Mixing!