deepchat/electron.vite.config.ts at dev · ThinkInAIXYZ/deepchat · 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
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
import { resolve } from 'path'
import { defineConfig } from 'electron-vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'
import svgLoader from 'vite-svg-loader'
import monacoEditorPlugin from 'vite-plugin-monaco-editor-esm'
import path from 'node:path'
import tailwindcss from '@tailwindcss/vite'

const isCustomElement = (tag: string) =>
  tag === 'voice-agent-widget' || tag.startsWith('ui-resource-renderer')
const isVueDevToolsOverlayEnabled = process.env.DEEPCHAT_VUE_DEVTOOLS_OVERLAY !== '0'

export default defineConfig({
  main: {
    resolve: {
      alias: {
        '@': resolve('src/main/'),
        '@shared': resolve('src/shared')
      }
    },
    build: {
      externalizeDeps: {
        exclude: ['mermaid']
      },
      rollupOptions: {
        external: ['sharp', '@duckdb/node-api'],
        output: {
          inlineDynamicImports: true,
          manualChunks: undefined,  // Disable automatic chunk splitting
        }
      }
    }
  },
  preload: {
    resolve: {
      alias: {
        '@shared': resolve('src/shared')
      }
    },
    build: {
      rollupOptions: {
        input: {
          index: resolve('src/preload/index.ts'),
          floating: resolve('src/preload/floating-preload.ts')
        }
      }
    }
  },
  renderer: {
    optimizeDeps: {
      exclude: ['markstream-vue', 'stream-monaco'],
      include: [
        '@antv/infographic',
        'monaco-editor',
        'axios'
      ]
    },
    resolve: {
      alias: {
        '@': resolve('src/renderer/src'),
        '@api': resolve('src/renderer/api'),
        '@shared': resolve('src/shared'),
        "@shadcn": resolve('src/shadcn'),
        vue: 'vue/dist/vue.esm-bundler.js'
      }
    },
    server: {
      host: '0.0.0.0' // 防止代理干扰，导致vite-electron之间ws://localhost:5713和http://localhost:5713通信失败、页面组件无法加载
    },
    plugins: [
      tailwindcss(),
      monacoEditorPlugin({
        languageWorkers: [],
        customWorkers: [
          {
            label: 'editorWorkerService',
            entry: 'monaco-editor/esm/vs/editor/editor.worker.js',
          },
          {
            label: 'typescript',
            entry: 'monaco-editor/esm/vs/language/typescript/ts.worker.js',
          },
          {
            label: 'css',
            entry: 'monaco-editor/esm/vs/language/css/css.worker.js',
          },
          {
            label: 'html',
            entry: 'monaco-editor/esm/vs/language/html/html.worker.js',
          },
          {
            label: 'json',
            entry: 'monaco-editor/esm/vs/language/json/json.worker.js',
          },
        ],
        customDistPath(_root, buildOutDir, _base) {
          return path.resolve(buildOutDir, 'monacoeditorwork')
        },
      }),
      vue({
        template: {
          compilerOptions: {
            isCustomElement
          }
        }
      }),
      svgLoader(),
      ...(isVueDevToolsOverlayEnabled
        ? [
            vueDevTools({
              appendTo: 'src/renderer/src/main.ts'
              // appendTo:'src/renderer/browser/main.ts'
            })
          ]
        : [])
    ],
    worker: {
      format: 'es'
    },
    build: {
      minify: 'esbuild',
      // Ensure CSS order in build matches import order in dev
      // This prevents extracted CSS from async chunks from reordering
      // and breaking cascade precedence (e.g. markdown renderer vs app styles)
      cssCodeSplit: false,
      rollupOptions: {
        input: {
          index: resolve('src/renderer/index.html'),
          floating: resolve('src/renderer/floating/index.html'),
          splash: resolve('src/renderer/splash/index.html'),
          settings: resolve('src/renderer/settings/index.html')
        }
      }
    }
  }
})