web-ui/vite.config.ts

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

export default defineConfig({
    plugins: [react()],
    build: {
        lib: {
            entry: {
                index: resolve(__dirname, 'src/index.ts'),
                'components/MDXEditorField': resolve(
                    __dirname,
                    'src/components/MDXEditorField.tsx',
                ),
            },
            name: 'PanicWebUi',
            formats: ['es'],
            fileName: (_format, entryName) => `${entryName}.js`,
        },
        rollupOptions: {
            external: [
                'react',
                'react-dom',
                'react-router-dom',
                '@heroicons/react',
                '@mdxeditor/editor',
            ],
        },
    },
});