前端知库

前端大型项目怎样划分功能边界?

从业务能力、依赖方向和状态归属设计模块边界,避免按文件类型分层导致代码互相穿透。

参考答案

功能边界应围绕业务能力和变化原因划分,而不是只按 components、utils、services 等文件类型堆放。一个边界清晰的模块应明确输入、输出、状态所有者和允许依赖,外部只依赖稳定接口。

状态应尽量靠近真正使用它的功能;跨页面共享的状态才提升到更高层。模块之间通过事件、函数接口或数据契约协作,避免直接读取对方内部 store、DOM 或请求细节。依赖方向最好单向,公共模块不能反过来依赖具体业务。

边界不是目录名称本身。随着需求变化,要检查重复逻辑、循环依赖、跨模块条件分支和难以独立测试的组件;必要时通过重构和迁移层逐步调整,不要为了“架构完整”一次性拆成大量包。