Skip to content

Instantly share code, notes, and snippets.

@karlhillx
Last active September 10, 2025 10:16
Show Gist options
  • Select an option

  • Save karlhillx/5e3bb4892fe18b61b644798751c7ba35 to your computer and use it in GitHub Desktop.

Select an option

Save karlhillx/5e3bb4892fe18b61b644798751c7ba35 to your computer and use it in GitHub Desktop.

Revisions

  1. karlhillx revised this gist Jun 21, 2021. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,5 +1,5 @@
    # Laravel Mix & Font Awesome Setup: Compiling Assets
    This document provides help on getting your Laravel instance running with the latest versions of [Laravel Mix](https://laravel-mix.com/) and [Font Awesome](https://fontawesome.com/).
    This document provides help on getting your Laravel instance running with the latest versions of [Laravel Mix](https://laravel-mix.com/) and [Font Awesome](https://fontawesome.com/). Note: This guide is for Laravel versions 5 through 7. If you are using Laravel 8, please go [here](https://gist.github.com/karlhillx/89368bfa6a447307cbffc59f4e10b621).

    <table>
    <tr>
  2. karlhillx revised this gist Jun 21, 2021. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -35,14 +35,14 @@ Next, build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master
    Install the latest free version of [Font Awesome](https://fontawesome.com/) via the npm package manager.

    npm install @fortawesome/fontawesome-free
    npm install -D @fortawesome/fontawesome-free

    The following dependency entry should now be in your [package.json](https://github.com/laravel/laravel/blob/master/package.json).

    <!-- language: lang-json -->

    // Font Awesome
    "dependencies": {
    "devDependencies": {
    "@fortawesome/fontawesome-free": "^5.15.3",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.
    @@ -71,7 +71,7 @@ Happy Mixing!

    ## License

    Copyright © 2020 [Karl Hill](https://www.github.com/karlhillx/).
    Copyright © 2021 [Karl Hill](https://www.github.com/karlhillx/).

    Provided under the [MIT license](http://opensource.org/licenses/mit-license.php).

  3. karlhillx revised this gist Jun 21, 2021. 1 changed file with 4 additions and 1 deletion.
    5 changes: 4 additions & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -27,6 +27,9 @@ Next, build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master
    <!-- language: lang-js -->
    const mix = require('laravel-mix');

    mix.setPublicPath('public')
    mix.setResourceRoot('../');

    mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');
    @@ -40,7 +43,7 @@ The following dependency entry should now be in your [package.json](https://gith

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.15.1",
    "@fortawesome/fontawesome-free": "^5.15.3",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

  4. karlhillx revised this gist Nov 17, 2020. 1 changed file with 11 additions and 1 deletion.
    12 changes: 11 additions & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -62,4 +62,14 @@ Finally, reference your generated CSS file in your Blade template/layout.

    <link type="text/css" rel="stylesheet" href="{{ mix('css/app.css') }}">

    Happy Mixing!
    Happy Mixing!

    ---

    ## License

    Copyright © 2020 [Karl Hill](https://www.github.com/karlhillx/).

    Provided under the [MIT license](http://opensource.org/licenses/mit-license.php).

    Whether you use these instructions or have learned something from them, please consider supporting me with a star ⭐ and a follow 🔥.
  5. karlhillx revised this gist Nov 14, 2020. 1 changed file with 9 additions and 1 deletion.
    10 changes: 9 additions & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,15 @@
    # Laravel Mix & Font Awesome Setup: Compiling Assets
    This document provides help on getting your Laravel instance running with the latest versions of [Laravel Mix](https://laravel-mix.com/) and [Font Awesome](https://fontawesome.com/).

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)
    <table>
    <tr>
    <td>
    <img src="https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667" alt="Laravel Mix">
    </td>
    <td>
    <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Font_Awesome_5_logo_black.svg/1024px-Font_Awesome_5_logo_black.svg.png" width="300" alt="Font Awesome">
    </td>
    </table>

    ## Steps

  6. karlhillx revised this gist Nov 10, 2020. 1 changed file with 5 additions and 0 deletions.
    5 changes: 5 additions & 0 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -9,10 +9,15 @@ Before triggering Laravel Mix, make sure that [Node.js and NPM](https://nodejs.o

    node -v
    npm -v

    Install Node dependencies.

    npm install

    Next, build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master/webpack.mix.js) configuration.

    <!-- language: lang-js -->
    const mix = require('laravel-mix');

    mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');
  7. karlhillx revised this gist Nov 10, 2020. 1 changed file with 9 additions and 4 deletions.
    13 changes: 9 additions & 4 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -3,20 +3,25 @@ This document provides help on getting your Laravel instance running with the la

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

    ## Steps
    ## Steps

    Build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master/webpack.mix.js) configuration.
    Before triggering Laravel Mix, make sure that [Node.js and NPM](https://nodejs.org/en/download/) are installed on your machine.

    node -v
    npm -v

    Next, build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master/webpack.mix.js) configuration.

    <!-- language: lang-js -->

    mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');
    Install the latest free version of [Font Awesome](https://fontawesome.com/) via a package manager like npm.
    Install the latest free version of [Font Awesome](https://fontawesome.com/) via the npm package manager.

    npm install @fortawesome/fontawesome-free

    This dependency entry should now be in your [package.json](https://github.com/laravel/laravel/blob/master/package.json).
    The following dependency entry should now be in your [package.json](https://github.com/laravel/laravel/blob/master/package.json).

    <!-- language: lang-json -->

  8. karlhillx revised this gist Nov 10, 2020. 1 changed file with 5 additions and 8 deletions.
    13 changes: 5 additions & 8 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -3,9 +3,6 @@ This document provides help on getting your Laravel instance running with the la

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)


    ![Font Awesome](https://i1.wp.com/blog.fontawesome.com/wp-content/uploads/2020/08/jSfmJLBr.png)

    ## Steps

    Build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master/webpack.mix.js) configuration.
    @@ -14,18 +11,18 @@ Build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master/webpa

    mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

    Install [Font Awesome](https://fontawesome.com/).
    Install the latest free version of [Font Awesome](https://fontawesome.com/) via a package manager like npm.

    npm install @fortawesome/fontawesome-free

    This will now be in your [package.json](https://github.com/laravel/laravel/blob/master/package.json).
    This dependency entry should now be in your [package.json](https://github.com/laravel/laravel/blob/master/package.json).

    <!-- language: lang-json -->

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.13.0",
    "@fortawesome/fontawesome-free": "^5.15.1",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

    @@ -37,7 +34,7 @@ In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/res
    @import '~@fortawesome/fontawesome-free/scss/solid';
    @import '~@fortawesome/fontawesome-free/scss/brands';

    Let's compile our assets and produce a minified, production-ready build.
    Compile your assets and produce a minified, production-ready build.

    npm run production

  9. karlhillx revised this gist Nov 10, 2020. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -4,8 +4,7 @@ This document provides help on getting your Laravel instance running with the la
    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)


    ![Font Awesome]
    (https://i1.wp.com/blog.fontawesome.com/wp-content/uploads/2020/08/jSfmJLBr.png?resize=720%2C240&ssl=1)
    ![Font Awesome](https://i1.wp.com/blog.fontawesome.com/wp-content/uploads/2020/08/jSfmJLBr.png)

    ## Steps

  10. karlhillx revised this gist Nov 10, 2020. 1 changed file with 4 additions and 0 deletions.
    4 changes: 4 additions & 0 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -3,6 +3,10 @@ This document provides help on getting your Laravel instance running with the la

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)


    ![Font Awesome]
    (https://i1.wp.com/blog.fontawesome.com/wp-content/uploads/2020/08/jSfmJLBr.png?resize=720%2C240&ssl=1)

    ## Steps

    Build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master/webpack.mix.js) configuration.
  11. karlhillx revised this gist May 25, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,11 +1,11 @@
    # Laravel Mix & Font Awesome Setup: Compiling Assets
    This document provides help on getting your Laravel instance running with the latest versions of Laravel Mix and Font Awesome.
    This document provides help on getting your Laravel instance running with the latest versions of [Laravel Mix](https://laravel-mix.com/) and [Font Awesome](https://fontawesome.com/).

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

    ## Steps

    Build your webpack.mix.js configuration.
    Build your [webpack.mix.js](https://github.com/laravel/laravel/blob/master/webpack.mix.js) configuration.

    <!-- language: lang-js -->

  12. karlhillx revised this gist May 25, 2020. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -22,7 +22,7 @@ This will now be in your [package.json](https://github.com/laravel/laravel/blob/

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.9.0",
    "@fortawesome/fontawesome-free": "^5.13.0",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

  13. karlhillx revised this gist Jun 11, 2019. 1 changed file with 6 additions and 6 deletions.
    12 changes: 6 additions & 6 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -22,17 +22,17 @@ This will now be in your [package.json](https://github.com/laravel/laravel/blob/

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.8.1",
    "@fortawesome/fontawesome-free": "^5.9.0",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

    <!-- language: lang-css -->

    // Fontawesome
    @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';
    // Font Awesome
    @import '~@fortawesome/fontawesome-free/scss/fontawesome';
    @import '~@fortawesome/fontawesome-free/scss/regular';
    @import '~@fortawesome/fontawesome-free/scss/solid';
    @import '~@fortawesome/fontawesome-free/scss/brands';

    Let's compile our assets and produce a minified, production-ready build.

  14. karlhillx revised this gist Apr 22, 2019. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -22,7 +22,7 @@ This will now be in your [package.json](https://github.com/laravel/laravel/blob/

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.8.0",
    "@fortawesome/fontawesome-free": "^5.8.1",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

    @@ -42,6 +42,6 @@ Finally, reference your generated CSS file in your Blade template/layout.

    <!-- language: lang-html -->

    <link type="text/css" rel="stylesheet" href="{{ asset('css/app.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ mix('css/app.css') }}">

    Happy Mixing!
  15. karlhillx revised this gist Mar 20, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -22,7 +22,7 @@ This will now be in your [package.json](https://github.com/laravel/laravel/blob/

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.6.3",
    "@fortawesome/fontawesome-free": "^5.8.0",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

  16. karlhillx revised this gist Jan 4, 2019. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -22,7 +22,7 @@ This will now be in your [package.json](https://github.com/laravel/laravel/blob/

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.6.0",
    "@fortawesome/fontawesome-free": "^5.6.3",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

  17. karlhillx revised this gist Dec 8, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -22,7 +22,7 @@ This will now be in your [package.json](https://github.com/laravel/laravel/blob/

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.5.0",
    "@fortawesome/fontawesome-free": "^5.6.0",

    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

  18. karlhillx revised this gist Dec 7, 2018. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -12,19 +12,19 @@ Build your webpack.mix.js configuration.
    mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

    Install Font Awesome.
    Install [Font Awesome](https://fontawesome.com/).

    npm install @fortawesome/fontawesome-free

    This will now be in your package.json.
    This will now be in your [package.json](https://github.com/laravel/laravel/blob/master/package.json).

    <!-- language: lang-json -->

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.5.0",

    In /resources/sass/app.scss import one or more styles.
    In [/resources/sass/app.scss](https://github.com/laravel/laravel/blob/master/resources/sass/app.scss) import one or more styles.

    <!-- language: lang-css -->

    @@ -34,7 +34,7 @@ In /resources/sass/app.scss import one or more styles.
    @import '~@fortawesome/fontawesome-free/scss/solid.scss';
    @import '~@fortawesome/fontawesome-free/scss/brands.scss';

    Let's compile our assets and produce a production-ready build.
    Let's compile our assets and produce a minified, production-ready build.

    npm run production

  19. karlhillx revised this gist Dec 7, 2018. 1 changed file with 3 additions and 0 deletions.
    3 changes: 3 additions & 0 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,7 +1,10 @@
    # Laravel Mix & Font Awesome Setup: Compiling Assets
    This document provides help on getting your Laravel instance running with the latest versions of Laravel Mix and Font Awesome.

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

    ## Steps

    Build your webpack.mix.js configuration.

    <!-- language: lang-js -->
  20. karlhillx revised this gist Dec 7, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    # Laravel Mix + Font Awesome Setup (compiling assets)
    # Laravel Mix & Font Awesome Setup: Compiling Assets

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

  21. karlhillx revised this gist Dec 5, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    # Laravel Font Awesome Setup (compiling assets)
    # Laravel Mix + Font Awesome Setup (compiling assets)

    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

  22. karlhillx revised this gist Dec 5, 2018. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    # Laravel Font Awesome Setup (compiling assets)

    ![Logo](https://imgur.com/lJFufL1)
    ![Mix](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

    Build your webpack.mix.js configuration.

  23. karlhillx revised this gist Dec 5, 2018. 1 changed file with 5 additions and 3 deletions.
    8 changes: 5 additions & 3 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    # Laravel and Font Awesome Setup (compiling assets)
    # Laravel Font Awesome Setup (compiling assets)

    ![Logo](https://imgur.com/lJFufL1)

    @@ -13,7 +13,7 @@ Install Font Awesome.

    npm install @fortawesome/fontawesome-free

    This should now be in your package.json.
    This will now be in your package.json.

    <!-- language: lang-json -->

    @@ -39,4 +39,6 @@ Finally, reference your generated CSS file in your Blade template/layout.

    <!-- language: lang-html -->

    <link type="text/css" rel="stylesheet" href="{{ asset('css/app.css') }}">
    <link type="text/css" rel="stylesheet" href="{{ asset('css/app.css') }}">

    Happy Mixing!
  24. karlhillx revised this gist Dec 5, 2018. No changes.
  25. karlhillx revised this gist Dec 5, 2018. 1 changed file with 6 additions and 8 deletions.
    14 changes: 6 additions & 8 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,29 +1,27 @@
    # Laravel and Font Awesome Setup (compiling assets)

    ![Laravel-mix Logo](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)
    ![Logo](https://imgur.com/lJFufL1)

    ![Font Awesome Logo](https://camo.githubusercontent.com/ea918e1b9b63970c16e946fc131bf36be3cff754/68747470733a2f2f696d672e666f7274617765736f6d652e636f6d2f33343963666466362f6c6f676f2d66612d667265652e737667)

    Build your webpack.mix.js configuration...
    Build your webpack.mix.js configuration.

    <!-- language: lang-js -->

    mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css');

    Install Font Awesome...
    Install Font Awesome.

    npm install @fortawesome/fontawesome-free

    This should now be in your package.json...
    This should now be in your package.json.

    <!-- language: lang-json -->

    // Font Awesome
    "dependencies": {
    "@fortawesome/fontawesome-free": "^5.5.0",

    In /resources/sass/app.scss import one or more styles...
    In /resources/sass/app.scss import one or more styles.

    <!-- language: lang-css -->

    @@ -33,7 +31,7 @@ In /resources/sass/app.scss import one or more styles...
    @import '~@fortawesome/fontawesome-free/scss/solid.scss';
    @import '~@fortawesome/fontawesome-free/scss/brands.scss';

    Let's compile our assets and produce a production-ready build...
    Let's compile our assets and produce a production-ready build.

    npm run production

  26. karlhillx revised this gist Nov 23, 2018. 1 changed file with 1 addition and 3 deletions.
    4 changes: 1 addition & 3 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,4 @@
    # Want to use Laravel and Font Awesome? *(Regularly updated)*

    ### Latest Laravel and Font Awesome Setup
    # Laravel and Font Awesome Setup (compiling assets)

    ![Laravel-mix Logo](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

  27. karlhillx revised this gist Nov 23, 2018. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,10 @@
    # Want to use Laravel and Font Awesome? *(Regularly updated)*

    ## Laravel 5.7+ and Font Awesome 5 - Compiling Assets
    ### Latest Laravel and Font Awesome Setup

    ![Laravel-mix Logo](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

    ![Laravel-mix Logo](https://camo.githubusercontent.com/ea918e1b9b63970c16e946fc131bf36be3cff754/68747470733a2f2f696d672e666f7274617765736f6d652e636f6d2f33343963666466362f6c6f676f2d66612d667265652e737667)
    ![Font Awesome Logo](https://camo.githubusercontent.com/ea918e1b9b63970c16e946fc131bf36be3cff754/68747470733a2f2f696d672e666f7274617765736f6d652e636f6d2f33343963666466362f6c6f676f2d66612d667265652e737667)

    Build your webpack.mix.js configuration...

  28. karlhillx revised this gist Nov 23, 2018. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,6 @@
    *Want to use Laravel and Font Awesome? (Regularly updated)*
    # Want to use Laravel and Font Awesome? *(Regularly updated)*

    **Laravel 5.7+ and Font Awesome 5 - Compiling Assets**
    ## Laravel 5.7+ and Font Awesome 5 - Compiling Assets

    ![Laravel-mix Logo](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

  29. karlhillx revised this gist Nov 23, 2018. 1 changed file with 3 additions and 1 deletion.
    4 changes: 3 additions & 1 deletion laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,6 @@
    **Laravel 5.7+ and Font Awesome 5 - Comping Assets**
    *Want to use Laravel and Font Awesome? (Regularly updated)*

    **Laravel 5.7+ and Font Awesome 5 - Compiling Assets**

    ![Laravel-mix Logo](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

  30. karlhillx revised this gist Nov 23, 2018. 1 changed file with 1 addition and 2 deletions.
    3 changes: 1 addition & 2 deletions laravel-mix-font-awesome.md
    Original file line number Diff line number Diff line change
    @@ -2,8 +2,7 @@

    ![Laravel-mix Logo](https://camo.githubusercontent.com/ad0a21739b4fb3abda5cc171ac277a8053882135/68747470733a2f2f6c61726176656c2e636f6d2f6173736574732f696d672f636f6d706f6e656e74732f6c6f676f2d6d69782e737667)

    ![Fontawesome Logo]
    (https://camo.githubusercontent.com/ea918e1b9b63970c16e946fc131bf36be3cff754/68747470733a2f2f696d672e666f7274617765736f6d652e636f6d2f33343963666466362f6c6f676f2d66612d667265652e737667)
    ![Laravel-mix Logo](https://camo.githubusercontent.com/ea918e1b9b63970c16e946fc131bf36be3cff754/68747470733a2f2f696d672e666f7274617765736f6d652e636f6d2f33343963666466362f6c6f676f2d66612d667265652e737667)

    Build your webpack.mix.js configuration...