import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import requireTransform from "vite-plugin-require-transform";
// 如果编辑器提示 path 模块找不到，则可以安装一下 @types/node -> npm i @types/node -D
import { resolve } from "path";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    requireTransform({
      fileRegex: /.js$|.vue$/,
    }),
  ],

  resolve: {
    alias: {
      "@": resolve(__dirname, "src"), // 设置 `@` 指向 `src` 目录
    },
  },
  base: "./", // 设置打包路径
  build: {
    // 打包输出目录
    outDir: 'dist',
    // 打包文件名
    assetsDir: 'static',
    // 静态资源引用路径
    assetsPublicPath: '/',
    // 是否开启压缩
    minify: 'terser',
    // 分离代码
    // splitChunks: {}, 
    // 环境变量
    env: {
      BASE_URL: process.env.VITE_API_BASE_URL
    }
  },
  server: {
    port: 4000, // 设置服务启动端口号
    open: true, // 设置服务启动时是否自动打开浏览器
    cors: true, // 允许跨域

   // 设置代理，根据我们项目实际情况配置
    proxy: {
      '/api': {
        target: process.env.VITE_API_BASE_URL, // 将 /api 开头的请求代理到该地址
        changeOrigin: true,
        secure: false,
        rewrite: (path) => path.replace('/api/', '/')
      }
    }
  },
});