vite.config.js

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

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import svgLoader from 'vite-svg-loader';

// https://vitejs.dev/config/
export default defineConfig( {
    plugins: [ vue(), svgLoader( {
        svgo: false
    } ) ],
    server: {
        port: 8080
    },
    preview: {
        port: 8081
    },
    resolve: {
        alias: {
            '@': fileURLToPath( new URL( './src', import.meta.url ) ),
            '@nodeModules': fileURLToPath( new URL( './node_modules', import.meta.url ) ),
            '@assets': fileURLToPath( new URL( './src/assets', import.meta.url ) ),
            '@components': fileURLToPath( new URL( './src/components', import.meta.url ) ),
            '@layouts': fileURLToPath( new URL( './src/layouts', import.meta.url ) ),
            '@helpers': fileURLToPath( new URL( './src/helpers', import.meta.url ) ),
            '@routes': fileURLToPath( new URL( './src/routes', import.meta.url ) ),
            '@sass': fileURLToPath( new URL( './src/sass', import.meta.url ) ),
            '@views': fileURLToPath( new URL( './src/views', import.meta.url ) ),
            '@themeVariables': fileURLToPath( new URL( './src/sass/_theme-variables.scss', import.meta.url ) ),
        }
    },
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `@import '@sass/_theme-variables.scss';`
            }
        }
    }
} );