import path from "path";
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import Components from "unplugin-vue-components/vite";
import { VantResolver } from "unplugin-vue-components/resolvers";
import { postcssConfig } from "./postcss.config.js";

const target = 'http://192.168.2.7:10010';
// const target = 'http://192.168.2.17:10010';
// const target = 'http://47.101.180.183:10010';

export default defineConfig({
  define: {
    "import.meta.env.postConfig": postcssConfig,
  },
  plugins: [
    vue(),
    Components({
      resolvers: [VantResolver()],
    }),
  ],
  css:{
    preprocessorOptions:{
      scss:{
        api:"modern-compiler",
        silenceDeprecations: ["legacy-js-api"],
        additionalData: `@use "./src/assets/scss/iframe.scss" as *;`
      }
    }
  },
  server: {
    host: '0.0.0.0',
    port: 19017,
    open: true,
    proxy: {
      '/api': {
        // 这里的'/api'表示需要转发到的接口路径前缀
        target, // 将请求转发到的目标地址
        changeOrigin: true, // 支持跨域
        rewrite: (path) => path.replace(/^\/api/, '') // 去除请求路径中的'/api'前缀
      }
    }
  },
  build: {
    chunkSizeWarningLimit: 1600,
  },
  resolve: {
    alias: [
      { find: "@", replacement: path.resolve(__dirname, "src") },
      { find: "@pages", replacement: path.resolve(__dirname, "src/pages") },
      {
        find: "@components",
        replacement: path.resolve(__dirname, "src/components"),
      },
      { find: "@hooks", replacement: path.resolve(__dirname, "src/hooks") },
      { find: "@utility", replacement: path.resolve(__dirname, "src/utility") },
      { find: "@store", replacement: path.resolve(__dirname, "src/store") },
      { find: "@lang", replacement: path.resolve(__dirname, "src/lang") },
      { find: "@common", replacement: path.resolve(__dirname, "src/common") },
      { find: "@api", replacement: path.resolve(__dirname, "src/api") },
    ],
  },
});