require('laravel-mix-purgecss');

.tailwind('./tailwind.config.js')
    .purgeCss()

mix
    .options({
        purifyCss: {
            moduleExtensions: ['php', 'vue', 'js'],
            paths: glob.sync([
                path.join(__dirname, 'resources/**/*.blade.php'),
                path.join(__dirname, 'resources/**/*.vue'),
                path.join(__dirname, 'resources/**/*.js')
            ]),
            purifyOptions: {
                whitelist: [
                    'active', '*dropdown-content*', '*select-dropdown*', '*select-wrapper*', 'toast', 'progress*',
                    '*waves-light', '*type=checkbox*', '*switch*', 'loader*', '*chip*', '*indicators*', '*ymaps*', 'sidenav-overlay',
                    'hiddendiv', '#toast-container',
                    // slider-pro
                    '.sp-grab', '.sp-horizontal .sp-arrows', '.sp-horizontal .sp-previous-arrow', '.sp-horizontal .sp-next-arrow'
                ],
                rejected: true
            }
        }
    })

"purify-css": "^1.2.5",
"purifycss-webpack": "^0.7.0",