Angular 文件夹结构和组件服务

我读过很多关于 Angular 文件夹结构的文章。我仍然不清楚我们将组件服务放在哪里。组件之间的共享服务被置于共享之下。但是如果服务仅由组件使用呢？ 通常我将所有组件逻辑放入一个服务中，并让组件保留仅与 UI 内容相关的代码。 使用哪一种更好：

每个组件及其服务放入同一文件夹中

.
├── app.component.html
├── app.component.ts
├── app.module.ts
├── app-routing.module.ts
└── shop
    ├── clients
    │   ├── clients.component.html
    │   ├── clients.component.ts
    │   ├── clients.component.css
    │   └── clients.service.ts
    ├── orders
    │   ├── orders.component.html
    │   ├── orders.component.ts
    │   ├── orders.component.css
    │   └── orders.service.ts
    ├── shop.module.ts
    └── shop-routing.module.ts                 

或 services 文件夹下模块的所有服务

.
├── app.component.html
├── app.component.ts
├── app.module.ts
├── app-routing.module.ts
└── shop
    ├── clients
    │   ├── clients.component.html
    │   ├── clients.component.ts
    │   └── clients.component.css
    ├── orders
    │   ├── orders.component.html
    │   ├── orders.component.ts
    │   └── orders.component.css  
    ├── services
    │   ├── clients.service.ts
    │   └── orders.service.ts
    ├── shop.module.ts
    └── shop-routing.module.ts

我认为没有一个适合所有文件夹结构的方法，因为它完全是固执己见的，而且真的很高兴拥有它。

有人说我们应该根据功能进行分组。

有人说我们应该根据相似性进行分组。

这样的名单还在继续……

我记得丹·阿布拉莫夫（Dan Abramov）的一本指南真正谈到了我们应该如何真正考虑构建我们的应用程序。可以找到Here https://react-file-structure.surge.sh/.

简单但不简单，只做你认为最好的事情。