import path from 'path';
import { defineConfig, loadEnv } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig(({ mode }) => {
    const env = loadEnv(mode, '.', '');
    return {
      server: {
        port: 3000,
        host: '0.0.0.0',
        hmr: true,
      },
      plugins: [react()],
      build: {
        // 设置为 es2015，Vite (esbuild) 会自动把 ?. 和 ?? 转译成常规的 if/else
        target: 'es2015', 
        cssTarget: 'chrome61', // 防止 CSS 中的新特性在旧浏览器报错
      },
      define: {
        'process.env.API_KEY': JSON.stringify(env.GEMINI_API_KEY),
        'process.env.GEMINI_API_KEY': JSON.stringify(env.GEMINI_API_KEY)
      },
      resolve: {
        alias: {
          '@': path.resolve(__dirname, '.'),
        }
      }
    };
});