uniugm/ui/vite.config.js

import {fileURLToPath, URL} from 'node:url'

import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import Icons from 'unplugin-icons/vite'
import IconsResolver from 'unplugin-icons/resolver'
import vueDevTools from 'vite-plugin-vue-devtools'

import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'
import {loadEnv} from 'vite'

// https://vite.dev/config/
export default defineConfig(({mode, command}) => {
    const env = loadEnv(mode, process.cwd())
    const {VITE_APP_ENV, VITE_APP_BASE_URL, VITE_APP_BASE_URL_WS} = env
    return {
        plugins: [
            vue(),
            vueDevTools(),
            AutoImport({
                imports: ['vue'],
                resolvers: [
                    ElementPlusResolver(),
                    IconsResolver({
                        prefix: 'Icon',
                    }),
                ],
            }),
            Components({
                resolvers: [
                    IconsResolver({
                        enabledCollections: ['ep'],
                    }),
                    ElementPlusResolver(),
                ],
            }),

            Icons({
                autoInstall: true,
            }),
        ],
        resolve: {
            alias: {
                '@': fileURLToPath(new URL('./src', import.meta.url))
            },
        },

        // vite 相关配置
        server: {
            port: 5174,
            host: true,
            open: false,


            proxy: {
                // https://cn.vitejs.dev/config/#server-proxy
                '/api': {
                    target: VITE_APP_BASE_URL,
                    changeOrigin: true,
                    rewrite: (p) => p.replace(/^\/api/, ''),
                },

                // '/dev-ws': {
                //   target: VITE_APP_BASE_URL_WS,
                //   changeOrigin: true,
                //   rewrite: (p) => p.replace(/^\/dev-ws/, ''),
                //   ws: true
                // }

            }
        },

        css: {
            //fix Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
            preprocessorOptions: {
                scss: {
                    api: 'modern-compiler',
                }
            },
            postcss: {
                plugins: [
                    {
                        postcssPlugin: 'internal:charset-removal',
                        AtRule: {
                            charset: (atRule) => {
                                if (atRule.name === 'charset') {
                                    atRule.remove();
                                }
                            }
                        }
                    }
                ]
            }
        }

        ,
    }
})