import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import * as path from 'path'
import legacyPlugin from '@vitejs/plugin-legacy'

// 自动导入vue中hook reactive ref等
import AutoImport from "unplugin-auto-import/vite"
//自动导入ui-组件 比如说ant-design-vue  element-plus等
import Components from 'unplugin-vue-components/vite';
//ant-design-vue
import {AntDesignVueResolver} from "unplugin-vue-components/resolvers"


export default defineConfig({
    resolve: {
        //设置别名
        alias: {
            '@': path.resolve(__dirname, 'src'),
        },
    },
    plugins: [
        vue(),
        legacyPlugin({
            targets: ['chrome 52'], // 需要兼容的目标列表
            additionalLegacyPolyfills: ['regenerator-runtime/runtime'], // 面向IE11时需要此插件
        }),
        AutoImport({
            //安装两行后你会发现在组件中不用再导入ref，reactive等
            imports: ['vue', 'vue-router'],
            dts: "auto-import.d.ts",
            //ant-design-vue
            resolvers: [AntDesignVueResolver()]
        }),
        Components({
            //ant-design-vue   importStyle = false 样式就没了
            resolvers: [AntDesignVueResolver({importStyle: true, resolveIcons: true})],
        }),
    ],
    server: {
        proxy: {
            "/dev-api": {
                //target是代理的目标路径
                target: "",
                changeOrigin: true, //必须要开启跨域
                rewrite: (path) => path.replace(/\/dev-api/, ""), // 路径重写
            },
        },
    }
})