import {ConfigEnv, UserConfigExport} from 'vite'
import viteSvgIcons from 'vite-plugin-svg-icons';
import vue from '@vitejs/plugin-vue'
import qiankun from "vite-plugin-qiankun"
import path, {resolve} from 'path'
import Pages from "vite-plugin-pages";

const pathResolve = (dir: string): any => {
    return resolve(__dirname, '.', dir)
}
console.log(__dirname);

const alias: Record<string, string> = {
    '@': pathResolve('src'),
    'api': pathResolve('src/api'),
    'compoents': pathResolve('src/compoents'),
}

// https://vitejs.dev/config/
export default ({command}: ConfigEnv): UserConfigExport => {
    const prodMock = true
    return {
        base: "/workbench",
        css:{
          devSourcemap:true
        },
        resolve: {
            alias
        },
        server: {
            port: 3001,
            host: '0.0.0.0',
            open: true,
            proxy: {
                // 代理配置
                '/api': {
                    target: 'http://192.168.31.150:8080/',
                    changeOrigin: true,
                    rewrite: path => path.replace(/^\/api/, '')
                }
            }
        },
        build: {
            rollupOptions: {
                output: {
                    manualChunks: {
                        echarts: ['echarts']
                    }
                }
            }
        },
        plugins: [
            vue(),
            viteSvgIcons({
                // 指定需要缓存的图标文件夹
                iconDirs: [path.resolve(process.cwd(), 'src/assets/svg')],
                // 指定symbolId格式
                symbolId: 'icon-[dir]-[name]',
            }),
            Pages({
                dirs: "src/views/system"
            }),
            qiankun("workbench", {
                useDevMode: true
            })
        ]
    }
}