import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import postCssPxToRem from 'postcss-pxtorem';
import { resolve } from 'path'
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from '@vant/auto-import-resolver';

// https://vite.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [VantResolver()],
    }),
    Components({
      resolvers: [VantResolver()],
    }),
  ],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    }
  },
  server: {
    host: '0.0.0.0',  // 启用网络访问
    port: 5173,        // 端口
    open: true,  // 自动打开浏览器
    // proxy: {
    //   "/api": {
    //     target: baseUrl,   // 要请求的后台地址
    //     changeOrigin: true,    // 是否跨域
    //     rewrite: (path) => path.replace(/^\/api/, '')
    //   },
    // }
  },
  css: {
    postcss: {
      plugins: [
        postCssPxToRem(
          {
            rootValue: 37.5,
            propList: ['*'],
            exclude: /node_modules|assets/
          }
        )
      ]
    }
  }
})