Miscellaneous Laravel MIX configurations

webpack.mix1.js

/*
 |--------------------------------------------------------------------------
 | Tailwind configuration
 |--------------------------------------------------------------------------
 */

const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss')

mix.js('resources/frontend/scripts/app.js', 'public/js/app.js');

mix.sass('resources/frontend/styles/app.scss', 'public/css/app.css')
  .options({
    postCss: [
      tailwindcss('./tailwind.config.js'),
    ]
  })

webpack2.mix.js

/*
 |--------------------------------------------------------------------------
 | SCSS/PostCSS configuration
 |--------------------------------------------------------------------------
 */

const mix = require('laravel-mix');
 
 mix.sass('resources/frontend/styles/app.scss', 'public/css/app.css')
  .options({
    postCss: [
      require('autoprefixer')({
        browsers: ['last 2 versions'],
      })
    ]
  });