title: Installing Font Awesome with Tailwind in Laravel 8
body: <p>I'm trying to add Font Awesome to newly installed Laravel 8 Jetstream with Inertia but receiving the following error</p>
  <p><em>Unknown error from PostCSS plugin. Your current PostCSS version is 8.2.4, but postcss-import uses 7.0.35. Perhaps this is the source of the error below.</em></p>
  <blockquote>
  <p>Error: Failed to find '~@fortawesome/fontawesome-free/scss/brands'</p>
  </blockquote>
  <p><strong>App.css</strong></p>
  <pre><code>@import 'tailwindcss/base';
  @import 'tailwindcss/components';
  @import 'tailwindcss/utilities';
  
  @import '~@fortawesome/fontawesome-free/scss/brands';
  @import '~@fortawesome/fontawesome-free/scss/regular';
  @import '~@fortawesome/fontawesome-free/scss/solid';
  @import '~@fortawesome/fontawesome-free/scss/fontawesome';
  </code></pre>
  <p><strong>Webpack.mix</strong></p>
  <pre><code>mix.js('resources/js/app.js', 'public/js').vue()
      .postCss('resources/css/app.css', 'public/css', [
          require('postcss-import'),
          require('tailwindcss'),
          require('autoprefixer'),
      ])
      .webpackConfig(require('./webpack.config'));
  
  if (mix.inProduction()) {
      mix.version();
  }
  </code></pre>
  <p><strong>Webpack config</strong></p>
  <pre><code>const path = require('path');
  
  module.exports = {
      resolve: {
          alias: {
              '@': path.resolve('resources/js'),
          },
      },
  };
  </code></pre>