import {ConfigEnv, loadEnv, UserConfig} from 'vite';
import vue from '@vitejs/plugin-vue'

import {resolve} from 'path';

const CWD = process.cwd()
// https://vitejs.dev/config/
export default ({mode}: ConfigEnv): UserConfig => {
    // 环境变量
    const {VITE_BASE_URL} = loadEnv(mode, CWD)
    return {
        base: VITE_BASE_URL,             // 设开发或生产环境服务的 公共基础路径
        plugins: [vue()],
        resolve: {          // 类型：Record<string, string> | Array<{ find: string | RegExp, replacement: string }> 将会被传递到 @rollup/plugin-alias 作为它的 entries。
            alias: {
                '@': resolve(__dirname, 'src'),
            },
            // 导入时想要省略的扩展名列表。注意，不 建议忽略自定义导入类型的扩展名（例如：.vue），因为它会影响 IDE 和类型支持。
            extensions: ['.js', '.ts', '.jsx', '.tsx', '.json','.mjs'] // 类型： string[] 导入时想要省略的扩展名列表。
        },
        optimizeDeps: {
            include: [
                'element-plus/lib/locale/lang/zh-cn',
                'element-plus/lib/locale/lang/en'
            ]
        },
        clearScreen: false,
        server: {
            hmr: { overlay: false }, // 禁用或配置 HMR 连接 设置 server.hmr.overlay 为 false 可以禁用服务器错误遮罩层
            // 服务配置
            port: 8089,    // 类型： number 指定服务器端口;
            open: true,   // 类型： boolean | string在服务器启动时自动在浏览器中打开应用程序；
            cors: true,  // 类型： boolean | CorsOptions 为开发服务器配置 CORS。默认启用并允许任何源
            proxy: {    // 类型： Record<string, string | ProxyOp 为开发服务器配置自定义代理规则
                '/api': {
                    target: 'http://ytd-local.com:8089/',
                    changeOrigin: true,
                    secure: false,
                    rewrite: (path) => path.replace('/api', '/api')
                }
            },
        },
    }
}