vuetify-electron-starter/electron.vite.config.ts at develop · sergerdn/vuetify-electron-starter · 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
import { defineConfig, externalizeDepsPlugin } from 'electron-vite';
import vue from '@vitejs/plugin-vue';
import vuetify, { transformAssetUrls } from 'vite-plugin-vuetify';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import Fonts from 'unplugin-fonts/vite';
import Layouts from 'vite-plugin-vue-layouts-next';
import VueRouter from 'unplugin-vue-router/vite';
import { VueRouterAutoImports } from 'unplugin-vue-router';
import { resolve } from 'path';

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin()],
    build: {
      outDir: 'build-electron/electron-main',
      rollupOptions: {
        input: resolve(__dirname, 'src/electron-main/index.ts')
      }
    }
  },
  preload: {
    plugins: [externalizeDepsPlugin()],
    build: {
      outDir: 'build-electron/electron-preload',
      rollupOptions: {
        input: resolve(__dirname, 'src/electron-preload/index.ts')
      }
    }
  },
  renderer: {
    root: '.',
    build: {
      outDir: 'build-electron/renderer',
      rollupOptions: {
        input: resolve(__dirname, 'index.html'),
        output: {
          // Disable font preloading to avoid MIME type issues in Electron
          manualChunks: undefined
        }
      },
      // Disable preload links for fonts to avoid MIME type warnings
      modulePreload: false,
      // Disable asset inlining to prevent font preload issues
      assetsInlineLimit: 0
    },
    optimizeDeps: {
      exclude: [
        'vuetify',
        'vue-router',
        'unplugin-vue-router/runtime',
        'unplugin-vue-router/data-loaders',
        'unplugin-vue-router/data-loaders/basic'
      ]
    },
    resolve: {
      alias: {
        '@': resolve('src')
      }
    },
    plugins: [
      VueRouter({
        dts: 'src/typed-router.d.ts'
      }),
      Layouts(),
      AutoImport({
        imports: [
          'vue',
          VueRouterAutoImports,
          {
            pinia: ['defineStore', 'storeToRefs']
          }
        ],
        dts: 'src/auto-imports.d.ts',
        eslintrc: {
          enabled: true
        },
        vueTemplate: true
      }),
      Components({
        dts: 'src/components.d.ts'
      }),
      vue({
        template: { transformAssetUrls }
      }),
      vuetify({
        autoImport: true,
        styles: {
          configFile: 'src/styles/settings.scss'
        }
      }),
      Fonts({
        fontsource: {
          families: [
            {
              name: 'Roboto',
              weights: [400, 500, 700], // Reduce font weights to minimize preload links
              styles: ['normal']
            }
          ]
        }
      })
    ],
    define: { 'process.env': {} },
    server: {
      port: 3000
    },
    css: {
      preprocessorOptions: {
        sass: {
          // Configuration for sass if needed
        },
        scss: {
          // Configuration for scss if needed
        }
      }
    }
  }
});