vite.config.js

import {defineConfig} from 'vite';
import laravel from 'laravel-vite-plugin';
import {ViteImageOptimizer} from "vite-plugin-image-optimizer";

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/css/app.css',
                'resources/sass/app.scss',
                'resources/js/app.js',
            ],
            refresh: true,
        }),
        ViteImageOptimizer({
            test: /\.(jpe?g|png|gif|tiff|webp|svg|avif)$/i,
            includePublic: true,
            ansiColors: true,
            png: {
                // https://sharp.pixelplumbing.com/api-output#png
                quality: 85,
            },
            jpeg: {
                // https://sharp.pixelplumbing.com/api-output#jpeg
                quality: 80,
            },
            jpg: {
                // https://sharp.pixelplumbing.com/api-output#jpeg
                quality: 80,
            },
            tiff: {
                // https://sharp.pixelplumbing.com/api-output#tiff
                quality: 100,
            },
            webp: {
                // https://sharp.pixelplumbing.com/api-output#webp
                lossless: true,
            },
            avif: {
                // https://sharp.pixelplumbing.com/api-output#avif
                lossless: true,
            },
        }),
    ],
    server: {
        host: '0.0.0.0',
        watch: {
            usePolling: true,
        },
    },
});