vite.config.ts

import { defineConfig } from 'vite';
import path from 'path';
import fs from 'fs';
import react from '@vitejs/plugin-react';
import { visualizer } from 'rollup-plugin-visualizer';
import preserveDirectives from 'rollup-preserve-directives';

// https://vitejs.dev/config/
export default defineConfig(async () => {
    const aliases: Record<string, string> = {};

    if (fs.existsSync(path.resolve(__dirname, '../packages'))) {
        const packages = fs.readdirSync(path.resolve(__dirname, '../packages'));
        for (const dirName of packages) {
            if (dirName === 'create-react-admin') continue;
            // eslint-disable-next-line prettier/prettier
            const packageJson = await import(
                path.resolve(__dirname, '../packages', dirName, 'package.json'),
                { assert: { type: 'json' } }
            );
            aliases[packageJson.default.name] = path.resolve(
                __dirname,
                `${path.resolve('../')}/packages/${
                    packageJson.default.name.split('@react-admin/')[1]
                }/src`
            );
        }
    }

    return {
        plugins: [
            react(),
            visualizer({
                open: process.env.NODE_ENV !== 'CI',
                filename: './build/stats.html',
            }),
        ],
        define: {
            'process.env': process.env,
        },
        server: {
            port: 8000,
            open: true,
        },
        base: './',
        esbuild: {
            keepNames: true,
        },
        build: {
            outDir: 'build',
            sourcemap: true,
            rollupOptions: {
                plugins: [preserveDirectives()],
            },
        },
        resolve: {
            preserveSymlinks: true,
            alias: [
                // allow profiling in production
                { find: /^react-dom$/, replacement: 'react-dom/profiling' },
                {
                    find: 'scheduler/tracing',
                    replacement: 'scheduler/tracing-profiling',
                },
                // we need to manually follow the symlinks for local packages to allow deep HMR
                ...Object.keys(aliases).map(packageName => ({
                    find: packageName,
                    replacement: aliases[packageName],
                })),
            ],
        },
    };
});