webpack.mix.js

const mix = require('laravel-mix');
const path = require('path');
require('laravel-mix-purgecss');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

require('dotenv').config();

mix.js('resources/js/app.js', 'public/js')
    .js('resources/js/alpine.js', 'public/js')
    .js('resources/js/tinymce.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css', {
        additionalData: '$envColorPrimary: ' + (process.env.BOOTSTRAP_COLOR_PRIMARY || '#2C3E50') + '; $envColorSecondary: ' + (process.env.BOOTSTRAP_COLOR_SECONDARY || '#95a5a6') + '; $envColorTertiary: ' + (process.env.BOOTSTRAP_COLOR_TERTIARY || '#18BC9C') + '; $envColorSuccess: ' + (process.env.BOOTSTRAP_COLOR_SUCCESS || '#18BC9C') + '; $envColorWarning: ' + (process.env.BOOTSTRAP_COLOR_WARNING || '#F39C12') + '; $envColorDanger: ' + (process.env.BOOTSTRAP_COLOR_DANGER || '#E74C3C') + ';'
    })
    .purgeCss({
        extend: {
            content: [path.join(__dirname, 'vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*bootstrap-4.blade.php')],
            safelist: {
                deep: [/\b(ui|flatpickr)-\S*$/]
            }
        },
    })
    .copyDirectory('node_modules/tinymce/icons', 'public/js/icons')
    .copyDirectory('node_modules/tinymce/models', 'public/js/models')
    .copyDirectory('node_modules/tinymce/themes', 'public/js/themes')
    .copyDirectory('node_modules/tinymce/skins', 'public/js/skins')
    .extract();

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