devlab-web-engineeringlisted

# devlab-web-engineering Web / 前端工程化能力层。从工程化六域入手，覆盖项目初始化、构建、依赖、打包与交付、 运行环境与工程规范，按「语言 × 框架」路由到对应 Profile 执行，一站式交付**可构建、 可打包、可部署**的前端项目。 > **Capability Layer 定位**：本技能是能力层，负责工程化原则、能力编排、Profile 与 > 工程质量要求；不承接完整用户需求，不重复造底层工具——优先复用社区 Skill / Reference / > CLI / MCP 及现有 DevLab Capability（create-vue / create-vite / 框架官方文档等只引用不重写）。 > UI/UX 品味、视觉操作、QA/测试、Contract、CI/CD 等独立领域能力不在此范围（见 Out of Scope 路由表）。 ## 触发条件 需要输出 Web 技术、集成或安全架构图时，消费 `base-diagram-ops` 的 `web`、`integration`、`security` profile；本技能提供 Web 工程事实，不实现图布局或导出器。 - 用户说"初始化前端项目工程""配构建配置""帮我打包前端""工程化规范" - 新项目需要工程化引导（识别语言×框架后路由到对应 profile） - 现有项目构建/打包/容器化/微前端排障（构建失败、产物异常、镜像路径等） - 从旧式打包（无锁文件 / CRA）迁移到现代模式（Vite / lockfile / pnpm） - `devlab-project-bootstrap` Phase 4 编排路由（前端项目工程化初始化） ## 输入参数 | 参数 | 必填 | 说明 | 示例 | |------|------|------|------| | `workspace` | 否 | 项目工作目录（默认当前目录） | `/workspace/my-web` | | `framework` | 否 | 框架显式指定（默认自动识别） | `vue` / `react` | | `workflow` | 否 | 只跑指定流程（默认全流程） | `bootstrap` / `build` / `packaging` | ## 语言 × 框架识别路由 路由键 = **语言 × 框架** 双维。先识别语言（决定工程基线），再识别框架（决定加载哪个 Profile）。 ### 语言维度 | 语言 | 处理 | |------|------| | TypeScript（主线） | 默认基线，所有 profile 按 TS 工程标准（tsconfig 严格模式、类型检查入 lint） | | JavaScript（兼容） | profile 内降级差异：JSDoc 替代类型、跳过 tsc 类型检查 | | 其他（扩展位） | references 层预留说明；WASM 等后续版本再建 profile | ### 框架维度（识别信号） | 识别信号 | 框架 | Profile | |---------|------|---------| | `package.json` 含 `vue` / `vue-router` / `@vue/cli-service` / `nuxt` | vue | `profiles/vue.md` | | `package.json` 含 `react` / `react-dom` / `ne