Aether/frontend/vite.config.ts

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import { execSync } from 'child_process'
import { legacyTemplateI18nPlugin } from './src/i18n/legacy-template-transform'

function normalizeVersion(version: string): string {
  const trimmed = version.trim()
  if (!trimmed || trimmed.startsWith('tunnel-v')) {
    return ''
  }
  return trimmed.startsWith('v') || trimmed.startsWith('V') ? trimmed.slice(1) : trimmed
}

function getGitVersion(): string {
  const envVersion = process.env.AETHER_BUILD_VERSION || process.env.AETHER_VERSION
  if (envVersion?.trim()) {
    const version = normalizeVersion(envVersion)
    if (version) {
      return version
    }
  }

  try {
    const version = normalizeVersion(execSync('git describe --tags --match "v[0-9]*" --always --dirty').toString())
    return version || '0.0.0.dev0'
  } catch {
    return '0.0.0.dev0'
  }
}

// https://vite.dev/config/
export default defineConfig(({ mode }) => {
  const rootEnv = loadEnv(mode, path.resolve(__dirname, '..'), '')
  const appPort = rootEnv.APP_PORT || process.env.APP_PORT || '8084'
  const gatewayTarget = `http://127.0.0.1:${appPort}`

  return {
    // GitHub Pages 部署时使用仓库名作为 base
    base: process.env.GITHUB_PAGES === 'true' ? '/Aether/' : '/',
    plugins: [legacyTemplateI18nPlugin(), vue()],
    define: {
      __APP_VERSION__: JSON.stringify(getGitVersion()),
    },
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './src'),
      },
    },
    build: {
      // 使用 esbuild 进行压缩（默认）
      minify: 'esbuild',
      rollupOptions: {
        output: {
          // 手动分块以优化加载性能
          manualChunks: {
            // Vue 核心库
            'vue-vendor': ['vue', 'vue-router', 'pinia'],
            // UI 组件库
            'ui-vendor': ['radix-vue', 'lucide-vue-next'],
            // 工具库
            'utils-vendor': ['axios', 'marked', 'dompurify'],
            // 图表库
            'chart-vendor': ['chart.js', 'vue-chartjs'],
          },
        },
      },
      // esbuild 配置用于移除 console
      target: 'es2015',
    },
    esbuild: {
      // 生产环境移除 console 和 debugger
      drop: mode === 'production' ? ['console', 'debugger'] : [],
    },
    server: {
      port: 5173,
      proxy: {
        // 只代理真正的 API 路径；目标端口由根目录 APP_PORT 控制
        '/api/': {
          target: gatewayTarget,
          changeOrigin: true,
          secure: false,
        },
        '/v1/': {
          target: gatewayTarget,
          changeOrigin: true,
          secure: false,
        },
        '/health': {
          target: gatewayTarget,
          changeOrigin: true,
          secure: false,
        },
        '/_gateway/': {
          target: gatewayTarget,
          changeOrigin: true,
          secure: false,
        },
      },
    },
    preview: {
      port: 5173,
    },
  }
})