youwee/vite.config.ts at main · vanloctech/youwee · 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
import path from 'node:path';
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';

const manualChunkGroups: Record<string, string[]> = {
  'vendor-react': ['react', 'react-dom'],
  'vendor-radix': [
    '@radix-ui/react-alert-dialog',
    '@radix-ui/react-collapsible',
    '@radix-ui/react-dialog',
    '@radix-ui/react-label',
    '@radix-ui/react-popover',
    '@radix-ui/react-progress',
    '@radix-ui/react-scroll-area',
    '@radix-ui/react-select',
    '@radix-ui/react-slider',
    '@radix-ui/react-slot',
    '@radix-ui/react-switch',
    '@radix-ui/react-tabs',
    '@radix-ui/react-tooltip',
  ],
  'vendor-tauri': [
    '@tauri-apps/api',
    '@tauri-apps/plugin-dialog',
    '@tauri-apps/plugin-fs',
    '@tauri-apps/plugin-opener',
    '@tauri-apps/plugin-process',
    '@tauri-apps/plugin-shell',
    '@tauri-apps/plugin-updater',
  ],
  'vendor-icons': ['lucide-react'],
};

function manualChunks(id: string): string | undefined {
  if (!id.includes('/node_modules/')) {
    return undefined;
  }

  for (const [chunkName, dependencies] of Object.entries(manualChunkGroups)) {
    if (dependencies.some((dependency) => id.includes(`/node_modules/${dependency}/`))) {
      return chunkName;
    }
  }

  return undefined;
}

// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      '@': path.resolve(import.meta.dirname, './src'),
    },
  },
  build: {
    rollupOptions: {
      output: {
        manualChunks,
      },
    },
  },
});