vite.config.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import path from 'path';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [react()],
    ssr: {
        noExternal: ['react-helmet-async']
    },
    resolve: {
        alias: {
            '@assets': path.join(__dirname, './src/assets'),
            '@public': path.join(__dirname, './public'),
            '@core': path.join(__dirname, './src/core'),
            '@screens': path.join(__dirname, './src/screens'),
            '@components': path.join(__dirname, './src/components'),
            '@utils': path.join(__dirname, './src/utils'),
            '@hooks': path.join(__dirname, './src/hooks'),
            '@lib': path.join(__dirname, './src/lib'),
            '@types': path.join(__dirname, './src/types'),
            '@client': path.join(__dirname, './src'),
            '@server': path.join(__dirname, './server'),
            '@loaders': path.join(__dirname, './src/loaders')
        }
    },
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `
                    @use "@assets/styles/_Global.scss" as *;
                    @use "@assets/styles/_mixins.scss" as *;
                `
            }
        }
    }
});