Skip to content

Web 管理后台

路径:packages/web

Web 端是 薄壳应用,业务逻辑全部在 @xichen-full-stack/admin

入口

packages/web/src/main.ts

typescript
import { bootstrapAdminApp } from '@xichen-full-stack/admin'

await bootstrapAdminApp({
  baseURL: import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080',
  base: import.meta.env.BASE_URL,
})

环境变量

.env.development

env
VITE_API_BASE_URL=http://localhost:8080

Vite 配置要点

  • optimizeDeps.exclude: ['@xichen-full-stack/admin'] — 保留 glob 动态导入
  • dedupe: ['vue', 'vue-router', 'pinia', 'element-plus']
  • dev 端口 5173/api 可代理到后端

启动

bash
pnpm --filter @xichen-full-stack/types build
pnpm --filter @xichen-full-stack/auth build
pnpm --filter @xichen-full-stack/api-client build
pnpm --filter web dev

构建

bash
pnpm --filter web build

产物在 packages/web/dist/

相关文档

Xichen Full Stack 内部文档