const mix = require('laravel-mix');
const tailwindcss = require('tailwindcss');
require("laravel-mix-react-typescript-extension");
let atImport = require('postcss-import');
require('laravel-mix-purgecss');
require('laravel-mix-merge-manifest');



mix.sass('resources/sass/tailwind.scss', '../build/css')
    .sass('resources/sass/tailwind_utilities.scss', '../build/css')
    .purgeCss({
        enabled: false, //mix.inProduction(),
        content: [
            './resources/views/**/*.blade.php',
            './resources/js/**/*.js',
            './resources/js/**/*.jsx',
            './resources/js/**/*.tsx',
        ]
    })
    .options({
        processCssUrls: false,
        postCss: [
            atImport(), tailwindcss('tailwind.config.js')],
    })
    .combine(
        [`build/css/tailwind.css`, `build/css/tailwind_utilities.css`],
        `public/css/tailwind.css`)
    .mergeManifest();