import { defineConfig, loadEnv } from 'vite'
import { viteMockServe } from 'vite-plugin-mock'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import path from 'path'

export default ({ mode }) => {
    const env = loadEnv(mode, process.cwd())

    return defineConfig({
        base: './',
        server: {
            port: 9000,
            proxy: {
                '/proxy': {
                    target: env.VITE_APP_API_BASEURL,
                    changeOrigin: true,
                    secure: false,
                    rewrite: path => {
                        return path.replace(/^\/proxy/, '')
                    }
                }
            }
        },
        resolve: {
            alias: {
                '@': '/src',
                components: '/src/components',
                'vue-i18n': 'vue-i18n/dist/vue-i18n.cjs.js'
            }
        },
        plugins: [
            vue(),
            viteMockServe({
                mockPath: 'mock'
            }),
            AutoImport({
                imports: ['vue'],
                resolvers: [ElementPlusResolver()]
            }),
            Components({
                resolvers: [ElementPlusResolver()]
            }),

            createSvgIconsPlugin({
                // 指定需要缓存的图标文件夹
                iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
                // 指定symbolId格式
                symbolId: 'icon-[dir]-[name]'
            })
        ]
    })
}