import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { resolve } from 'path';
import { viteMockServe } from 'vite-plugin-mock';

export default defineConfig({
  resolve: {
    alias: {
      '@': resolve(__dirname, './src'), // 直接将 '@' 解析到 src 目录
      '@assets': resolve(__dirname, './src/assets'),
      '@components': resolve(__dirname, './src/components'),
      '@pages': resolve(__dirname, './src/pages'),
      '@utils': resolve(__dirname, './src/utils'), // 注意这里原来的 'uitls' 可能是个拼写错误
      '@styles': resolve(__dirname, './src/styles'),
      '@config': resolve(__dirname, './src/config'),
      '@mock': resolve(__dirname, './mock')
    }
  },
  plugins: [
    react(),
    viteMockServe({
      mockPath: 'mock',
      localEnabled: true
    })
  ],
  build: {
    target: 'es2015',
    minify: 'terser',
    cssCodeSplit: true,
    rollupOptions: {
      plugins: []
    }
  },
  server: {
    proxy: {
      '/api': {
        target: '',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      }
    },
    hmr: {
      overlay: false
    }
  }
});