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

// https://vite.dev/config/
export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd())
  const proxyPrefix = env.VITE_APP_PROXY_PREFIX
  const target = env.VITE_APP_BASE_URL

  return {
    plugins: [
      react(),
      tailwindcss(),
    ],
    server: {
      proxy: {
        [proxyPrefix]: {
          target: target,
          changeOrigin: true,
          rewrite: (path) => path.replace(new RegExp(`^${proxyPrefix}`), '')
        }
      }
    }
  }
})