chat-frontend/vite.config.ts at main · Dirty-architecture/chat-frontend · 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
68
69
70
71
72
73
74
75
76
77
import {defineConfig} from 'vite'
import react from '@vitejs/plugin-react'
import tsconfigPaths from "vite-tsconfig-paths";
import path from 'path';
import {pathToFileURL} from "node:url";
import mkcert from "vite-plugin-mkcert";
// https://vite.dev/config/

export default defineConfig({
    plugins: [
        react(),
        tsconfigPaths(),
        process.env.HTTPS ? mkcert() : []
    ],
    css: {
        preprocessorOptions: {
            scss: {
                loadPaths: [path.resolve(__dirname, "src")],
                importers: [
                    {
                        findFileUrl(url) {
                            if (url.startsWith("@/")) {
                                const absPath = path.resolve(__dirname, "src", url.slice(2));
                                return pathToFileURL(absPath);
                            }
                            return null;
                        },
                    },
                ],
                additionalData: `
          @use "app/common/styles/variables" as *;
        `
            }
        }
    },
    server: {
        host: true, // == 0.0.0.0
        port: 5173,
        strictPort: true,
        allowedHosts: true
    },
    build: {
        rolldownOptions: {
            output: {
                advancedChunks: {
                    groups: [
                        {
                            name(moduleId) {
                                if (!moduleId.includes('node_modules')) return null;

                                // react ecosystem
                                if (moduleId.includes('/react/') || moduleId.includes('/react-dom/')) return 'vendor-react';

                                // router
                                if (moduleId.includes('/react-router/')) return 'vendor-router';

                                // data fetching + virtualization
                                if (moduleId.includes('/@tanstack/react-query/')) return 'vendor-react-query';
                                if (moduleId.includes('/@tanstack/react-virtual/')) return 'vendor-react-virtual';

                                // state + forms
                                if (moduleId.includes('/zustand/')) return 'vendor-zustand';
                                if (moduleId.includes('/react-hook-form/')) return 'vendor-react-hook-form';

                                // icons / styles utils
                                if (moduleId.includes('/@phosphor-icons/')) return 'vendor-icons';
                                if (moduleId.includes('/modern-normalize/')) return 'vendor-normalize';

                                return 'vendor-misc';
                            },
                        },
                    ],
                },
            },
        },
    },
});