vite.config.prod.js

import { resolve } from 'path'
import tailwindcss from 'tailwindcss'
import tailwindcssNesting from 'tailwindcss/nesting'
import autoprefixer from 'autoprefixer'
import postcssImport from 'postcss-import'
import postcssNesting from 'postcss-nesting'
import postcssCustomMedia from 'postcss-custom-media'
import FastGlob from 'fast-glob'

export default {
    css: {
        postcss: {
            plugins: [postcssImport, tailwindcssNesting(postcssNesting), postcssCustomMedia, tailwindcss, autoprefixer]
        }
    },
    resolve: {
        alias: {
            '/src': resolve(process.cwd(), 'src')
        }
    },
    root: resolve(process.cwd(), 'playground'),
    publicDir: resolve(process.cwd(), 'public'),
    envDir: process.cwd(),
    build: {
        emptyOutDir: false,
        outDir: resolve(process.cwd(), 'dist'),
        rollupOptions: {
            input: FastGlob.sync(['./src/*.css']).map(entry => resolve(process.cwd(), entry)),
            output: {
                assetFileNames: '[name].[ext]',
                chunkFileNames: '[name].js'
            }
        }
    }

}