vite.config.ts

import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
import eslintPlugin from "vite-plugin-eslint";

export default defineConfig(() => {
    return {
        resolve: {
            tsconfigPaths: true
        },
        build: {
            outDir: 'build',
            sourcemap: true,
            rollupOptions: {
                output: {
                    entryFileNames: 'main.js',
                    chunkFileNames: 'chunks/[name]-[hash].js',
                    assetFileNames: 'assets/[name][extname]',
                }
            }
        },
        server: {
            open: true,
            port: 3000,
        },
        plugins: [
            react({
                jsxImportSource: '@emotion/react',
                babel: {
                    plugins: ['@emotion/babel-plugin'],
                },
            }),
            eslintPlugin({
                cache: false,
                include: ['./src/**/*.js', './src/**/*.jsx', './src/**/*.ts', './src/**/*.tsx'],
                exclude: [],
            }),
        ],
        test: {
            environment: 'jsdom',
            globals: true,
            setupFiles: './src/tests/setup.ts',
        },
    };
});