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

// https://vitejs.dev/config/
// export default defineConfig({
//   plugins: [react()],
//   resolve: {
//     alias: {
//       '@/': resolve('src') + '/'
//     }
//   },
//   server: {
//     port: 5000,
//     host: '0.0.0.0',
//     proxy: {
//       '/api': {
//         target: 'http://192.168.4.53:8088',
//         changeOrigin: true,
//         rewrite: (path) => path.replace(/^\/api/, ''),
//       },
//     },
//   },
//   base: './',
//   envPrefix: "COOL_",
// });

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd());

  return {
    plugins: [react()],
    resolve: {
      alias: {
        '@/': resolve('src') + '/',
      },
    },
    server: {
      port: 5000,
      host: '0.0.0.0',
      proxy: {
        '/api': {
          target: `http://${env.COOL_BASE_IP}:${env.COOL_BASE_PORT}`,
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
        },
      },
    },
    base: './',
    envPrefix: 'COOL_',
  };
});