import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";
import dotenv from 'dotenv';

import postcsspxtoviewport from 'postcss-px-to-viewport'
// https://vitejs.dev/config/



// 加载环境变量
// dotenv.config({
//   path: process.env.NODE_ENV === 'production' ? '.env.production' : '.env.development',
// });

export default defineConfig({
  base:'./' ,
  plugins: [vue()],
  //在这配置插件内容
  css: {
    postcss: {
      plugins: [
        postcsspxtoviewport({
          // 要转化的单位
          unitToConvert: 'px',
          // UI设计稿的大小
          viewportWidth: 1920,
          // 转换后的精度
          unitPrecision: 6,
          // 字体转换后的单位
          fontViewportUnit: 'vw',
          // 能转换的属性，*表示所有属性，!border表示border不转
          propList: ['*'],
          // 指定不转换为视窗单位的类名，
          selectorBlackList: ['ignore-'],
          // 最小转换的值，小于等于1不转
          minPixelValue: 1,
          // 是否在媒体查询的css代码中也进行转换，默认false
          mediaQuery: false,
          // 是否转换后直接更换属性值
          replace: true,
          // 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件
          exclude: [],
          // 包含那些文件或者特定文件
          include: [],
          // 是否处理横屏情况
          landscape: false
        }),
      ]
    }
  },
   resolve: {
    alias: {
      "@": resolve(__dirname, "./src")
    },
    
  },
  server: {
    host: "0.0.0.0",
    port: 10010,
    // proxy: {
    //   '/api': {
    //     // target: process.env.VITE_APP_BASE_URL,
    //     // target: "http://192.168.5.200",
    //     // target: "https://mock.apifox.com/m1/3780949-0-default",
    //     changeOrigin: true,
    //     rewrite: (p) => p.replace(/^\/api/, '')
    //   },
    //   '/prod-api': {
    //     // target: "http://192.168.220.202 ",  
    //     changeOrigin: true,
    //     rewrite: (p) => p.replace(/^\/prod-api/, '')
    //   },
    // }
  }
})