diff --git a/electron.vite.config.ts b/electron.vite.config.ts
index e293673..de7ca09 100644
--- a/electron.vite.config.ts
+++ b/electron.vite.config.ts
@@ -17,6 +17,23 @@ export default defineConfig({
         '@router': resolve('src/renderer/src/router')
       }
     },
-    plugins: [vue()]
+    plugins: [vue()],
+    build: {
+      // 核心：指定 Vue 打包输出目录（用于 Web 部署）
+      outDir: 'dist', // 例如输出到项目根目录的 dist/web 文件夹
+      // 其他 Vite 打包配置（与传统 Vue 项目的 vite.config.js 一致）
+      assetsDir: 'assets', // 静态资源（图片、字体等）输出目录
+      sourcemap: false, // 生产环境关闭 sourcemap
+      rollupOptions: {
+        // 配置入口文件（默认是 src/renderer/index.html）
+        input: resolve('src/renderer/index.html'),
+        // 输出文件名哈希（可选，用于缓存控制）
+        output: {
+          entryFileNames: 'js/[name].[hash].js',
+          chunkFileNames: 'js/[name].[hash].js',
+          assetFileNames: 'assets/[name].[hash].[ext]'
+        }
+      }
+    }
   }
 })
diff --git a/package.json b/package.json
index 37bd561..5bd99aa 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,8 @@
     "start": "electron-vite preview",
     "dev": "electron-vite dev",
     "build": "npm run typecheck && electron-vite build",
+    "build:web": "electron-vite build",
+    "preview:web": "vite preview --outDir dist --port 3000",
     "postinstall": "electron-builder install-app-deps",
     "build:unpack": "npm run build && electron-builder --dir",
     "build:win": "npm run build && electron-builder --win",