import { resolve } from "path" import vue from "@vitejs/plugin-vue" import { defineConfig, externalizeDepsPlugin, loadEnv } from "electron-vite" import AutoImport from "unplugin-auto-import/vite" import Components from "unplugin-vue-components/vite" import { ElementPlusResolver, VueUseComponentsResolver, VueUseDirectiveResolver } from "unplugin-vue-components/resolvers" export default defineConfig(({ mode }) => { const viteEnv = loadEnv(mode, "./") return { main: { plugins: [externalizeDepsPlugin()] }, preload: { plugins: [externalizeDepsPlugin()] }, renderer: { server: { allowedHosts: "all", port: viteEnv.VITE_APP_PORT, proxy: { [viteEnv.VITE_BASE_URL]: { target: viteEnv.VITE_BASE_SERVER_URL, changeOrigin: true, rewrite: path => path.replace(viteEnv.VITE_BASE_URL, "/") } } }, resolve: { alias: { "@renderer": resolve("src/renderer/src") } }, plugins: [ vue(), AutoImport({ include: [ /\.vue$/, /\.vue\?vue/ ], imports: ["vue", "vue-router"], eslintrc: { enabled: true, filepath: "./.eslintrc-auto-import.json", globalsPropValue: true }, resolvers: [ ElementPlusResolver() ] }), Components({ resolvers: [ ElementPlusResolver(), VueUseComponentsResolver(), VueUseDirectiveResolver() ] }) ] } } })