vite.config.js

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

// https://vitejs.dev/config/
export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
      '@components': path.resolve(__dirname, './src/components'),
      '@demos': path.resolve(__dirname, './src/demos'),
      '@icons': path.resolve(__dirname, './src/components/lib/icons'),
      '@styles': path.resolve(__dirname, './src/styles'),
      '@transitions': path.resolve(__dirname, './src/components/utils/transitions'),
      '@BaseList': path.resolve(__dirname, './src/Components/Display/List/BaseList')
    }
  },
  plugins: [
    react({
      babel: {
        plugins: ['babel-plugin-styled-components', 'babel-plugin-macros']
      },
      exclude: /\.stories\.(t|j)sx?$/
    }),
    legacy({
      targets: ['defaults', 'not IE 11']
    })
  ],
  esbuild: {
    logLevel: 'error'
  }
});