.qoder/repowiki/knowledge/zh/Luxsin%20Audio%20Dashboard%20%E5%85%A8%E6%A0%88%E5%B7%A5%E7%A8%8B/Soybean%20Admin%20%E5%89%8D%E7%AB%AF%E5%BA%94%E7%94%A8%EF%BC%88Vite%20+%20Vue3%20%E5%A4%9A%E5%8C%85%E5%B7%A5%E7%A8%8B%EF%BC%89/%E6%9E%B6%E6%9E%84%E8%AE%BE%E8%AE%A1.md

顶层以 `pnpm-workspace.yaml` 聚合 `packages/*` 下的多个独立 npm 包（@sa/alova、@sa/axios、@sa/hooks、@sa/materials、@sa/utils、@sa/color、@sa/uno-preset、@sa/scripts），由根 `vite.config.ts` 通过 `alias` 与 `resolve.dedupe` 暴露给业务代码；`src/main.ts` 作为唯一入口，按顺序加载 `plugins/`（全局插件）、`router/`（路由与守卫）、`store/`（Pinia 状态）、`service/request/`（HTTP 拦截器）后挂载 App Shell，业务页面位于 `src/views/` 并通过 `elegant-router` 自动生成路由映射。`src/service/api/*.ts` 调用各 @sa 包提供的能力，`src/layouts/` 提供 base/blank 两种布局壳，`src/theme/preset/*.json` 驱动 Naive UI 主题切换，形成「共享包 → 基础设施层 → 应用外壳 → 业务视图」的分层依赖关系。