angular 之 easyspa 目录结构详解

Posted 2021-04-26 ue2前端架构解决方案

目录结构划分的思路为：

1. 以页面为维度进行横向切分，以每个页面为单元将页面需要的相关文件包含在内。

2.其次以页面为维度进行纵向切分，将页面依赖的私有，共有业务组件以及服务，按照概念的一致性进行内聚并且在文件组织上与页面进行关联。

3.最后在页面维度之外，建立所有页面共同依赖的外部资源目录，例如通用的脚本文件和样式文件以及图片资源等。

按照这个思路划分好目录结构以后会有以下几个有利于：

1. 有利于阅读代码和理解业务功能。

2. 有利于整体业务的扩展。

3. 有利于降低功能块之间的耦合度。

4. 有利于定位问题。

5. 有利于团队的协作分工。