import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import { resolve } from 'path';

// https://vitejs.dev/config/
export default defineConfig({
  base: '/static',
  // 路径解析
  resolve: {
    alias: {
      '@': resolve(__dirname, './src'), // 使用 '@' 作为 src 路径别名
    },
  },
  // 插件配置
  plugins: [vue()],
  // 开发服务器配置
  server: {
    host: '0.0.0.0', // 允许外部设备访问
    port: 3032, // 自定义端口
    open: true, // 启动服务时自动打开默认浏览器
    strictPort: true, // 如果端口被占用，则直接退出，而不是尝试下一个可用端口
    cors: true, // 启用 CORS
  },
  // 构建配置
  build: {
    outDir: 'dist', // 构建输出目录
    sourcemap: true, // 生成 source map，便于调试
    chunkSizeWarningLimit: 500, // 调整 chunk 大小警告阈值（默认 500KB）
    rollupOptions: {
      output: {
        manualChunks: {
          // 将依赖拆分成独立的 chunk
          vendor: ['vue'], // 单独打包 Vue 相关库
        },
      },
    },
  },
  // 其他优化选项
  optimizeDeps: {
    include: ['vue'], // 提前优化 vue 相关依赖
  },
});