Files
Leon SerfatyandClaude Opus 5 434de547ce
CI / build-and-test (push) Canceled after 0s
Make web dev port and API proxy target configurable
Read WEB_PORT / PORT (or API_PROXY_TARGET) from the monorepo root .env via
loadEnv, so the dev server can run alongside other local projects when 5173
and 8080 are already taken. Defaults are unchanged (5173 -> localhost:8080).

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-08-26 10:25:39 -04:00

43 lines
1.2 KiB
TypeScript

import { defineConfig, loadEnv } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'node:path';
export default defineConfig(({ mode }) => {
// Read the monorepo root .env (all keys, not just VITE_*) so ports stay configurable there.
const env = { ...loadEnv(mode, path.resolve(__dirname, '../..'), ''), ...process.env };
return {
plugins: [react()],
// VITE_* vars live in the monorepo root .env alongside the API's config.
envDir: path.resolve(__dirname, '../..'),
resolve: {
alias: {
'@': path.resolve(__dirname, 'src'),
},
},
server: {
// Ports are overridable so this app can run alongside other local projects.
port: Number(env.WEB_PORT ?? 5173),
proxy: {
'/api': {
target: env.API_PROXY_TARGET ?? `http://localhost:${env.PORT ?? 8080}`,
changeOrigin: true,
},
},
},
build: {
outDir: 'dist',
sourcemap: false,
rollupOptions: {
output: {
manualChunks: {
'vendor-react': ['react', 'react-dom', 'react-router-dom'],
'vendor-ui': ['framer-motion', 'lucide-react'],
'vendor-charts': ['recharts'],
},
},
},
},
};
});