find-developer/vite.config.ts at main · ht3aa/find-developer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import { wayfinder } from '@laravel/vite-plugin-wayfinder';
import tailwindcss from '@tailwindcss/vite';
import vue from '@vitejs/plugin-vue';
import laravel from 'laravel-vite-plugin';
import { defineConfig } from 'vite';

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/js/app.ts'],
            ssr: 'resources/js/ssr.ts',
            refresh: true,
        }),
        tailwindcss(),
        wayfinder({
            formVariants: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
    build: {
        rollupOptions: {
            output: {
                manualChunks(id) {
                    if (
                        id.includes('node_modules/vue') ||
                        id.includes('node_modules/@vue') ||
                        id.includes('node_modules/reka-ui')
                    ) {
                        return 'vue-vendor';
                    }
                    if (id.includes('node_modules/@inertiajs')) {
                        return 'inertia-vendor';
                    }
                    if (id.includes('node_modules/chart.js')) {
                        return 'chartjs';
                    }
                    if (id.includes('node_modules/gsap')) {
                        return 'gsap';
                    }
                    if (
                        id.includes('node_modules/@tiptap') ||
                        id.includes('node_modules/prosemirror') ||
                        id.includes('node_modules/@tiptap/pm')
                    ) {
                        return 'tiptap';
                    }
                    if (id.includes('node_modules/@tanstack')) {
                        return 'tanstack';
                    }
                    if (
                        id.includes('resources/js/components/ui/') &&
                        !id.includes('node_modules')
                    ) {
                        return 'ui-components';
                    }
                },
            },
        },
    },
});