所以我一直在四处寻找Angular 2应用程序最受欢迎/标准的文件夹结构,看起来似乎没有 . 是否有人在 生产环境 中使用Angular 2可以解决一些问题?
以下是我发现的一些方法:
1)按功能拆分,1)共享文件夹2)每个功能的文件夹,包含该文件夹内的所有文件(无论是组件,服务还是其他)https://angular.io/docs/ts/latest/guide/style-guide.html#!#application-structure
2)Angular 1样式(没有按功能嵌套或分离,只是组件,管道,服务,模型)
对于#1,如果没有组件的子文件夹,服务的子文件夹等,会感觉很奇怪 . 我会在所有路由中使用服务吗?
顺便说一下,我正在使用Angular CLI生成器:https://github.com/angular/angular-cli
2 回答
风格指南提供了很多有关如何构建应用程序的注意事项https://angular.io/styleguide
它表示在同一文件夹中维护一个平面层次结构,每个功能和相关文件(组件,模板,样式......)都有一个文件夹 .
我认为这取决于您希望如何组织您的应用 . 如果应用程序很小,我喜欢按类型(组件,服务,视图等)将它们分开,但如果它是一个庞大而复杂的应用程序,那么我会用功能划分它,因为它更容易找到你要查找的文件夹 .
另一种选择是两者的组合,按类型(组件,服务等)划分app,然后在每种类型中将其除以相似性(所有与文件夹组件/ users / usercomponent1,usercomponent2等内的用户相关的组件)