xl-root/vite.config.js

import {defineConfig} from 'vite';
import vue from '@vitejs/plugin-vue';
import tailwindcss from 'tailwindcss';
import AutoImport from 'unplugin-auto-import/vite';
import vueDevTools from 'vite-plugin-vue-devtools';
import Components from 'unplugin-vue-components/vite';
import {vitePluginForArco} from '@arco-plugins/vite-vue';
import {ArcoResolver} from 'unplugin-vue-components/resolvers';

// https://vite.dev/config/
export default defineConfig({
    base: './',
    plugins: [
        vue(),
        vueDevTools(),
        AutoImport({
            resolvers: [ArcoResolver()],
        }),
        Components({
            resolvers: [
                ArcoResolver({
                    sideEffect: true
                })
            ]
        }),
        vitePluginForArco({
            style: 'css'
        })
    ],
    css: {
        postcss: {
            plugins: [
                tailwindcss,
            ]
        }
    },
    resolve: {
        alias: {
            '@': '/src'
        }
    },
    server: {
        port: 9050
    }
})