import { defineConfig, loadEnv } from 'vite'
import react from '@vitejs/plugin-react'
import { viteMockServe } from 'vite-plugin-mock'

import jotaiDebugLabel from 'jotai/babel/plugin-debug-label'
import jotaiReactRefresh from 'jotai/babel/plugin-react-refresh'

//import { TanStackRouterVite } from '@tanstack/router-vite-plugin'

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {

    // 根据当前工作目录中的 `mode` 加载 .env 文件
    // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
    // @ts-ignore fix process
    const env = loadEnv(mode, process.cwd(), '')
    return {
        //定义别名的路径
        resolve: {
            alias: {
                '@': '/src',
            },
        },
        server: {
            proxy: {
                '/api': {
                    target: env.API_URL,
                    changeOrigin: true,
                    rewrite: (path) => path
                }
            }
        },
        plugins: [
            react({
                babel: {
                    presets: [ 'jotai/babel/preset' ],
                    plugins: [ jotaiDebugLabel, jotaiReactRefresh ]
                },
            }),
            viteMockServe({
                // 是否启用 mock 功能（默认值：process.env.NODE_ENV !== 'production')
                enable: false,

                // mock 文件的根路径，默认值：'mocks'
                mockPath: 'mock',
                logger: true,
            }),
            //TanStackRouterVite(),
        ],
    }
})