一、背景说明
随着公司业务的发展,前端系统数量不断增加:
- 多业务线(SaaS 商城、运营平台、管理后台、C 端应用等)
- 多技术形态(Web / H5 / 小程序 / App / PC 客户端)
- 多团队协作并行推进
如果继续以**项目制(Project-based)**方式建设前端,长期将面临不可控的复杂度与维护成本。因此,我们选择引入 前端中台化(Frontend Platform / Frontend Middle Platform) 作为核心架构理念。
二、什么是「项目化前端」?
项目化的典型特征
- 一个项目 = 一套前端工程
- 技术选型、工程规范由项目自行决定
- 组件、工具、配置以“复制粘贴”为主要复用方式
- 项目生命周期与业务强绑定
项目化在早期的优势
- 启动快,决策链路短
- 适合单一业务、单一团队
- 学习成本低
但在规模化阶段的问题
- ❌ 工程规范分裂(Lint / 构建 / 目录结构)
- ❌ 组件重复建设,维护成本指数级上升
- ❌ 人员流动导致项目不可维护
- ❌ 新项目交付速度越来越慢
- ❌ 技术升级几乎无法整体推进
结论:项目化前端不具备长期演进能力。
三、什么是「前端中台化」?
前端中台化的核心思想是:
将“通用能力”从具体项目中抽离出来,形成可复用、可治理、可持续演进的前端能力平台。
它不是一个项目,而是一套 长期存在的前端基础设施与能力体系。
四、前端中台化 vs 项目化(核心对比)
| 维度 | 项目化前端 | 前端中台化 |
|---|---|---|
| 工程规范 | 各项目自行维护 | 统一规范、集中治理 |
| 组件体系 | 项目私有 | 公司级组件库 |
| UI 设计 | 项目定制 | Design Token 驱动 |
| 技术升级 | 单项目推进 | 平台级统一升级 |
| 人员协作 | 强项目绑定 | 弱项目绑定、能力复用 |
| 长期成本 | 持续上升 | 边际成本递减 |
五、为什么我们必须选择前端中台化?
1️⃣ 业务增长倒逼工程升级
当业务数量 > 3,系统数量 > 5 时:
- 重复建设的成本远高于平台建设成本
- 每增加一个新项目,维护成本呈 非线性增长
中台化的目标是:
让新增业务几乎不增加工程复杂度。
2️⃣ 从「交付页面」转向「交付能力」
项目化前端关注的是:
这个页面能不能按时上线
中台化前端关注的是:
我们是否沉淀了可复用的能力
例如:
- 不是写一个表单页面,而是沉淀一套表单方案
- 不是做一次主题换肤,而是设计 Token 体系
3️⃣ 技术治理必须平台化
以下能力无法通过项目方式长期维护:
- 统一工程模板
- 统一构建与发布策略(Turbo / Monorepo)
- 统一代码规范与质量检查
- 统一技术升级节奏
这些能力天然属于:
前端中台 / 工程平台层
4️⃣ 降低组织协作成本
中台化带来的变化:
- 新人不需要学习 N 套工程规范
- 跨项目支援成本显著降低
- 架构决策集中,执行一致
团队规模越大,中台化收益越明显。
六、前端中台化并不是“重架构”
一个常见误区是:
中台 = 大而全、一次性重构
正确的前端中台化应该是:
- 渐进式建设
- 以复用率和收益为导向
- 允许业务侧保留灵活性
中台不是替代项目,而是:
让项目变得更轻、更专注业务本身。
七、我们的最终目标
通过前端中台化,我们希望实现:
- 📦 工程能力可复制
- 🎨 UI 体验可统一
- ⚙️ 技术升级可控
- 🚀 新业务启动更快
- 🧠 前端团队从“做页面”升级为“做平台”
八、一句话总结
项目化解决的是“如何把一个项目做完”,而前端中台化解决的是“如何把公司所有项目长期做好”。
这就是我们选择前端中台化,而不是继续项目化前端的根本原因。