import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import VitePluginHtmlEnv from 'vite-plugin-html-env'
import { resolve } from 'path'
import WindiCSS from "vite-plugin-windicss";  
import consola from 'consola'

function pathResolve(dir: string) {
  return resolve(process.cwd(), '.', dir);
}

// https://vitejs.dev/config/
export default ({ mode }) => defineConfig({
  plugins: [
    vue(),
    WindiCSS(),
    VitePluginHtmlEnv({
      prefix: '<%=',
      suffix: '%>',
      envPrefixes: ['VITE_', 'VUE_']
    })],
  resolve: {
    alias: [
      {
        find: /\/@\//,
        replacement: pathResolve('src') + '/',
      },
    ]

  },
  server: {
    host: true,
    headers: {
      "Cache-Control": "no-store",
    },
    proxy: {
      "/service": {
        target: loadEnv(mode, process.cwd()).VITE_APP_APIS_URL,
        changeOrigin: true,
      },
      "/takelook": {
        target: 'https://v4-test.4dkankan.com',
        changeOrigin: true,
      },
    },
  }




})