Угловая 2: Что такое «официальная» стандартная структура папок?

Question

Итак, я искал, какая самая популярная/стандартная структура папок для приложений Angular 2, и похоже, что нет. Есть ли кто-нибудь, кто использует в Angular 2 в производстве, кто может пролить свет?

Вот некоторые подходы, которые я нашел:

1) Разделить по признаку, с 1) в общую папку 2) папку для каждой функции, которая содержит все файлы (независимо от компонента, или услуги, или любой другой), непосредственно внутри этой папки https://angular.io/docs/ts/latest/guide/style-guide.html#!#application-structure

2) Угловой 1 типа (не вложенности или разделение с помощью функций, только компоненты, трубы, услуги, модели)

Для # 1 бы это Fe els странно, у вас нет подпапки для компонентов, подпапки для сервисов и т. д. Где бы я поместил сервис, используемый во всех маршрутах?

BTW Я использую Угловой генератор CLI: https://github.com/angular/angular-cli

Answer 1

Я думаю, что это зависит от того, как вы хотели бы организовать свое приложение. Если приложение мало, мне нравится разделять их по типу (компоненты, службы, представления и т. Д.), Но если это большое и сложное приложение, я использую его для разделения по функциональности, потому что легче найти нужную папку.

Другой альтернативой может быть комбинация обоих, разделить приложение по типу (компоненты, службы и т. Д.), А затем внутри каждого типа делить его на сходство (все компоненты, связанные с пользователями внутри компонентов папки/users/usercomponent1, usercomponent2 и т.д.)

Answer 2

руководство стиль предоставляет много делает и Этикет о том, как структурировать приложение https://angular.io/styleguide

Он говорит, чтобы сохранить плоскую иерархию с папкой на функции и связанных с ними файлов (компонент, шаблон, стиль, ...) в той же папке.