vite.config.mjs

import react from '@vitejs/plugin-react';
import eslint from 'vite-plugin-eslint';
import svgrPlugin from 'vite-plugin-svgr';
import { checker } from 'vite-plugin-checker';
import { defineConfig, loadEnv } from 'vite';

// https://vitejs.dev/config/
export default ({ mode }) => {
  Object.assign(process.env, loadEnv(mode, process.cwd()));
  const basePath = process.env.VITE_URL_BASE_PATH;

  return defineConfig({
    base: basePath === '' ? '/' : basePath,
    plugins: [
      react(),
      eslint(),
      svgrPlugin(),
      checker({
        eslint: {
          lintCommand: 'eslint "./src/**/*.{js,jsx,ts,tsx}"',
        },
        overlay: {
          initialIsOpen: false,
          position: 'br',
        },
      }),
    ],
    css: {
      devSourcemap: false,
      preprocessorOptions: {
        scss: {
          api: 'modern-compiler', // or "modern"
        },
      },
    },
    build: {
      outDir: 'build',
      sourcemap: true,
    },
    server: {
      open: true,
      port: 3000,
    },
    optimizeDeps: {
      esbuildOptions: {
        define: {
          global: 'globalThis',
        },
      },
    },
    resolve: {
      alias: {
        '@src': '/src',
        '@components': '/src/app-components',
        '@pages': '/src/app-pages',
        '@styles': '/src/css',
        '@common': '/src/common',
        '@hooks': '/src/customHooks',
      },
    },
  });
};