diff --git a/electron.vite.config.ts b/electron.vite.config.ts
index b2f0955f2..3a86b4ff2 100644
--- a/electron.vite.config.ts
+++ b/electron.vite.config.ts
@@ -26,7 +26,6 @@ export default defineConfig({
     define: {
       APP_VERSION: JSON.stringify(pkg.version),
       APP_NAME: JSON.stringify(pkg.productName),
-
     },
   },
 })
diff --git a/package.json b/package.json
index d78c2dcc0..7ad10b124 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "build:linux": "electron-vite build && electron-builder --linux",
     "build:mac": "electron-vite build && electron-builder --mac",
     "build:unpack": "npm run build && electron-builder --dir",
+    "build:web": "vite build",
     "build:win": "npm run build && electron-builder --win",
     "dev": "electron-vite dev",
     "lint": "eslint",
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 000000000..7c4a319db
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,28 @@
+import { readFileSync } from "node:fs"
+import { resolve } from "node:path"
+import { fileURLToPath } from "node:url"
+
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+
+const pkg = JSON.parse(readFileSync("package.json", "utf8"))
+const __dirname = fileURLToPath(new URL(".", import.meta.url))
+export default defineConfig({
+  build: {
+    outDir: resolve(__dirname, "out/web"),
+    target: "ES2022",
+  },
+  root: "./src/renderer",
+  resolve: {
+    alias: {
+      "@renderer": resolve("src/renderer/src"),
+      "@shared": resolve("src/shared/src"),
+    },
+  },
+  base: "/",
+  plugins: [react()],
+  define: {
+    APP_VERSION: JSON.stringify(pkg.version),
+    APP_NAME: JSON.stringify(pkg.productName),
+  },
+})