Apex MPA
面向 Vue 3 中后台与活动集合场景的多页面工程脚手架，打通页面生成、按需调试、独立构建和提交质量门禁。
开源WebMPAViteVue 3TypeScriptESLintPrettierStylelintHuskylint-stagedCommitlint开源项目
ENGINEERING HIGHLIGHTS
难点与亮点
子项目一键生成
通过 CLI 根据页面名称与描述生成完整目录，并可选 JavaScript 或 TypeScript 模板。
按页开发与构建
支持启动或打包指定子项目，也可一次处理全部页面，兼顾本地效率与集中发布。
产物隔离
各子项目独立生成构建 chunk，避免无关页面相互耦合，缩小改动和发布的影响面。
工程质量内建
ESLint、Prettier 与 Stylelint 统一规范，Husky、lint-staged 和 Commitlint 把检查前置到 Git 提交阶段。
项目定位
Apex MPA 不只是一份 Vue 3 + Vite 初始模板，而是一套面向多子项目场景的开发与发布工作流。它将页面元数据、入口发现、代码模板和构建命令收敛到同一套约定中，适合多个运营活动、独立页面或子应用共仓管理。
核心能力
- 通过
npm run new:page交互式生成子项目，并可选 JavaScript / TypeScript 模板，减少复制目录和手工改配置。 - 通过
--page参数启动或打包指定子项目，同时保留全量开发与全量构建能力。 - 不同子项目的构建产物保持独立，降低页面间的隐式耦合，也为分页部署与故障隔离提供基础。
- 内置 Composition API 自动引入、组件自动注册、构建产物分析与压缩，减少常规工程配置。
工程化设计
项目同时配置 ESLint、Prettier 和 Stylelint，统一脚本、格式与样式规范；再通过 Husky、lint-staged 与 Commitlint 把校验放进 Git 提交链路。这让脚手架不仅解决“项目能跑起来”，也处理了多人协作中的风格一致性与提交质量问题。