import { defineConfig, loadEnv } from 'vite'; import react from '@vitejs/plugin-react'; import path from 'path'; export default ({ mode, command }) => { const env = loadEnv(mode, process.cwd(), ''); // 환경 판별 // - development: 로컬 개발 환경 (yarn dev) // - dev: 개발서버 배포 환경 (yarn build:dev) // - qa: QA 환경 (yarn build:qa) // - production: 프로덕션 환경 (yarn build, yarn build:prod) const isLocalDev = mode === 'development'; const isDev = mode === 'dev'; const isQA = mode === 'qa'; const isProd = !isLocalDev && !isDev && !isQA; // production 또는 기타 모드 const isBuild = command === 'build'; // 배포 경로 설정 (예: '/kcgnv/', '/' 등) // 모든 모드에서 VITE_BASE_URL 사용 (로컬 개발 프록시 모드 지원) const base = env.VITE_BASE_URL || '/'; console.log(`[Vite] Mode: ${mode}, Command: ${command}, Base: ${base}, isLocalDev: ${isLocalDev}`); // 빌드 시 제외할 폴더 패턴 (로컬 개발 모드 제외) // - publish: 퍼블리싱 미리보기 (개발용) // - component/wrap: 레거시 퍼블리시 컴포넌트 // 참고: tracking 폴더의 TS 파일은 JS 파일이 우선 사용되므로 자동 제외됨 const excludePatterns = isBuild && !isLocalDev ? [ /[/\\]publish[/\\]/, /[/\\]component[/\\]wrap[/\\]/, ] : []; return defineConfig({ base, define: { global: 'globalThis', // sockjs-client/stompjs용 global polyfill }, server: { host: true, port: 3000, proxy: { // SNP-Batch AIS API (선박 위치 데이터) '/snp-api': { target: env.VITE_SNP_API_TARGET || 'http://211.208.115.83:8041', changeOrigin: true, secure: false, }, }, }, plugins: [ react(), // 빌드 시 개발용 폴더 제외 플러그인 (로컬 개발 모드 제외) isBuild && !isLocalDev && { name: 'exclude-dev-folders', resolveId(source, importer) { // 제외 패턴에 매칭되는 import를 빈 모듈로 대체 const normalizedSource = source.replace(/\\/g, '/'); for (const pattern of excludePatterns) { if (pattern.test(normalizedSource)) { return { id: 'virtual:empty-module', moduleSideEffects: false }; } } return null; }, load(id) { if (id === 'virtual:empty-module') { return 'export default null;'; } return null; }, }, ].filter(Boolean), resolve: { alias: { '@': '/src', }, }, // 빌드 시 console.log, debugger 제거 (로컬 개발 모드 제외) // 개발서버(dev), QA(qa), 프로덕션(prod) 빌드에서만 적용 esbuild: isBuild && !isLocalDev ? { drop: ['console', 'debugger'], } : {}, build: { outDir: 'dist', cssCodeSplit: true, rollupOptions: { output: { manualChunks: { vendor: ['react', 'react-dom', 'react-router-dom'], map: ['ol', 'ol-ext'], state: ['zustand'], }, }, }, }, }); };