webpack.mix.js

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

mix.setPublicPath('app/assets');

mix.webpackConfig({
    watchOptions: { ignored: ['node_modules', 'app/vendor'] }
});

mix.sass('app/resources/sass/app.scss', 'app/assets/app.css').options({
    processCssUrls: false,
    postCss: [tailwindcss('tailwind.config.js')]
});

mix.js('app/resources/js/app.js', 'app/assets/app.js');

mix.copyDirectory('app/resources/images', 'app/assets/images');

mix.copy('node_modules/highlight.js/styles/github.css', 'app/assets/hljs-github.css');
mix.copy('node_modules/highlight.js/styles/github-dark.css', 'app/assets/hljs-github-dark-dimmed.css');

mix.copy(
    'node_modules/@fortawesome/fontawesome-free/webfonts/fa-{brands,solid}-*',
    'app/assets/webfonts'
);

if (mix.inProduction()) {
    mix.version();
}

mix.disableSuccessNotifications();