mirror of
https://github.com/leonvanzyl/autocoder.git
synced 2026-01-30 14:22:04 +00:00
9039108e82
Configure Vite's manualChunks to split the 1MB monolithic bundle into separate vendor chunks: - vendor-react (141 kB): React core libraries - vendor-query (42 kB): TanStack React Query - vendor-flow (270 kB): React Flow and dagre for graph visualization - vendor-xterm (334 kB): Terminal emulator - vendor-ui (27 kB): Radix UI components and Lucide icons - index (210 kB): Application code Benefits: - All chunks now under 500 kB warning threshold - Vendor chunks cache independently from app code - Parallel loading of chunks improves initial load time Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
import { defineConfig } from 'vite'
|
|
import react from '@vitejs/plugin-react'
|
|
import tailwindcss from '@tailwindcss/vite'
|
|
import path from 'path'
|
|
|
|
// Backend port - can be overridden via VITE_API_PORT env var
|
|
const apiPort = process.env.VITE_API_PORT || '8888'
|
|
|
|
// https://vite.dev/config/
|
|
export default defineConfig({
|
|
plugins: [react(), tailwindcss()],
|
|
resolve: {
|
|
alias: {
|
|
'@': path.resolve(__dirname, './src'),
|
|
},
|
|
},
|
|
build: {
|
|
rollupOptions: {
|
|
output: {
|
|
manualChunks: {
|
|
// React core
|
|
'vendor-react': ['react', 'react-dom'],
|
|
// Data fetching
|
|
'vendor-query': ['@tanstack/react-query'],
|
|
// Flow/graph visualization (largest dependency)
|
|
'vendor-flow': ['@xyflow/react', 'dagre'],
|
|
// Terminal emulator
|
|
'vendor-xterm': ['@xterm/xterm', '@xterm/addon-fit', '@xterm/addon-web-links'],
|
|
// UI components
|
|
'vendor-ui': [
|
|
'@radix-ui/react-dialog',
|
|
'@radix-ui/react-dropdown-menu',
|
|
'@radix-ui/react-tooltip',
|
|
'lucide-react',
|
|
],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
server: {
|
|
proxy: {
|
|
'/api': {
|
|
target: `http://127.0.0.1:${apiPort}`,
|
|
changeOrigin: true,
|
|
},
|
|
'/ws': {
|
|
target: `ws://127.0.0.1:${apiPort}`,
|
|
ws: true,
|
|
},
|
|
},
|
|
},
|
|
})
|