// =============================================================================
// 企微IT智能服务台 — H5用户端 Vite 配置
// =============================================================================
// 说明：Vite 构建工具配置，定义开发服务器、Vant 按需引入等
// =============================================================================

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// Vant 按需引入组件解析器
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from '@vant/auto-import-resolver'

// Vite 配置
// https://vitejs.dev/config/
export default defineConfig({
  // 生产环境基础路径（部署在 /itdesk/ 子路径下，与IT数据平台共享域名）
  base: '/itdesk/',

  plugins: [
    // Vue3 插件
    vue(),
    // Vant 组件按需引入
    // 自动导入 Vant 组件，无需手动 import，减小打包体积
    Components({
      resolvers: [VantResolver()],
    }),
  ],

  // 开发服务器配置
  server: {
    // 开发服务器端口（避免和坐席前端冲突）
    port: 5174,
    // 自动打开浏览器
    open: true,
    // API 代理：将 /api 请求转发到后端
    proxy: {
      '/api': {
        target: 'http://localhost:8000',
        changeOrigin: true,
        // 本地开发剥离 /api 前缀，因为后端路由不包含 /api（生产 nginx 负责剥离）
        rewrite: (path) => path.replace(/^\/api/, ''),
      },
    },
  },

  // 构建配置
  build: {
    // 输出目录
    outDir: 'dist',
    // 静态资源内联阈值
    assetsInlineLimit: 4096,
  },

  // 路径别名
  resolve: {
    alias: {
      '@': '/src',
    },
  },
})