vite.config.js

import path from 'path'
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueComponents from 'unplugin-vue-components/vite'
import eslintPlugin from 'vite-plugin-eslint'
import viteSvgIcons from 'vite-plugin-svg-icons'

// https://vitejs.dev/config/
export default (context) => {
    process.env = { ...process.env, ...loadEnv(context.mode, process.cwd()) }
    return defineConfig({
        base: './',
        build: {
            cssCodeSplit: true,
        },
        resolve: {
            alias: [
                { find: '@', replacement: '/src' },
            ],
        },
        server: {
            port: process.env.VITE_APP_PORT,
            proxy: {
                '^/assets': {
                    target: process.env.VITE_APP_URL + 'src/',
                },
            },
        },
        plugins: [
            vue(),
            vueComponents(),
            eslintPlugin(),
            viteSvgIcons({
                iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
                symbolId: '[name]',
            }),
        ],
        css: {
            preprocessorOptions: {
                scss: {
                    additionalData: '@import "./src/style/mixins/mixin"; @import "./src/style/functions/functions";',
                },
            },
        },
    })
}