webpack.mix.js

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

require('laravel-mix-tailwind');
require('laravel-mix-purgecss');


const ImageminPlugin = require('imagemin-webpack-plugin').default;
const CopyWebpackPlugin = require('copy-webpack-plugin');
const imageminMozjpeg = require('imagemin-mozjpeg');

mix.webpackConfig({
    plugins: [
        new CopyWebpackPlugin([{
            from: 'resources/images',
            to: 'images', // Laravel mix will place this in 'public/img'
        }]),
        new ImageminPlugin({
            test: /\.(jpe?g|png|gif|svg)$/i,
            plugins: [
                imageminMozjpeg({
                    quality: 80,
                })
            ]
        })
    ]
});

/*
 |--------------------------------------------------------------------------
 | 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.
 |
 */

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

mix.postCss('resources/css/app.css', 'public/css')
    .tailwind()
    .purgeCss();

mix.browserSync('mymoodloop.test')
    .disableNotifications();


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