svelte.config.js

import preprocess from "svelte-preprocess";
import adapter from '@sveltejs/adapter-static';
import imagePreprocessor from 'svimg';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        target: '#svelte',
        adapter: adapter({
            pages: 'build',
            assets: 'build',
            fallback: null
        }),
        appDir: '_app',
    },

    preprocess: [
        imagePreprocessor({
            inputDir: 'static',
            outputDir: 'static/optimized-images',
            webp: true,
            avif: false
        }),
        preprocess({
            "postcss": true
        })
    ]
};

export default config;
// Workaround until SvelteKit uses Vite 2.3.8 (and it's confirmed to fix the Tailwind JIT problem)
const mode = process.env.NODE_ENV;
const dev = mode === "development";
process.env.TAILWIND_MODE = dev ? "watch" : "build";