import { defineConfig, loadEnv, ConfigEnv, UserConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { resolve } from "path";
import { wrapperEnv } from "./build";
import VueRouter from 'unplugin-vue-router/vite';

// 路径查找
const pathResolve = (dir: string): string => {
  return resolve(__dirname, ".", dir);
};

// 设置别名，还可以添加其他路径
const alias: Record<string, string> = {
  "@": pathResolve("src"),
  "@views": pathResolve("src/views"),
  "@store": pathResolve("src/store"),
  "@language": pathResolve("src/language"),
  "@css": pathResolve("src/assets/css"),
};

// https://vitejs.dev/config/
export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
  const root = process.cwd();
  const env = loadEnv(mode, root);
  const viteEnv = wrapperEnv(env);

  return {
    base: viteEnv.VITE_PUBLIC_PATH,
    plugins: [
      VueRouter({
        routesFolder: 'src/views', // 指定路由文件所在的目录
        exclude: ['**/components/*.vue'],
        extensions: ['.vue'], // 指定路由文件的后缀名
      }),
      vue(),
    ],
    resolve: {
      alias,  // 设置别名
    },
    css: {
      preprocessorOptions: {
        scss: {
          additionalData: `@import "@css/variables.scss";`,  // 引入全局变量
        },
      },
    },
    server: {
      host: "0.0.0.0",  // 设置服务器主机名
      port: viteEnv.VITE_PORT,  // 设置服务启动端口号
      https: undefined,  // 是否开启 https
      open: true,  // 是否自动打开浏览器
      cors: true,  // 允许跨域
      // 本地跨域代理 https://cn.vitejs.dev/config/server-options.html#server-proxy
      proxy: {
        "^/api": {
          target: "http://127.0.0.1:8686",  // 代理的目标地址
          changeOrigin: true,  // 开发模式，默认的 origin 是真实的 origin:localhost:3000
          rewrite: (path) => path.replace(/^\/api/, ""),  // 把 /api 替换成 target 中的地址
        },
      },
    },
  };
});