examples/vite6/vite.config.mjs

// It makes no difference wether we use `require` or `import` statements here
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

const defaultConfig = {
    optimizeDeps: {
        include: ['react/jsx-runtime'],
    },
    plugins: [react()],
    build: {
        outDir: 'build',
    },
    base: '/account/',
    resolve: {
        mainFields: ['browser', 'module', 'main'],
    },
}

export default defineConfig(({ command, mode }) => {
    if (command === 'serve' && mode === 'development') {
        return {
            ...defaultConfig,
            server: {
                host: '0.0.0.0',
            },
        }
    }

    return defaultConfig
})