vite.config.ts

// vite.config.js
import {
    defineConfig
} from 'vite'
import vue from '@vitejs/plugin-vue'
import legacy from '@vitejs/plugin-legacy'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [
        vue(),
        legacy({
            targets: ['defaults', 'not IE 11'],
            additionalLegacyPolyfills: ['regenerator-runtime/runtime']
        })
    ],
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `@import "src/style/variables.scss";`
            }
        }
    },
    base: '/',
    resolve: {
        extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
        alias: {
            "@": path.resolve(__dirname, "./src"),
        },
    },
    server: {
        cors: {
            origin: '*',
            credentials: true,
        }
    },
    optimizeDeps: {
        esbuildOptions: {
            target: 'es2015' // Ensures esbuild transpiles to a compatible version
        }
    },
    build: {
        target: 'es5', // Ensure the build output is compatible with ES5
        minify: 'terser', // Ensure minification is compatible with ES5
        rollupOptions: {
            output: {
                // Optional: customize the output format if needed
            }
        }
    }
})