Новый взгляд на структуру проектов на AngularJS

Новый взгляд на структуру проектов на AngularJS

Опубликовано 3 года назад // Без комментариев

Уже на первых шагах разработки проекта важно понимать его дальнейшую структуру. Это важно для удобство работы с ним в дальнейшем, когда файлов будет уже не десятки, а сотни, а то и тысячи. И в часть из них нужно будет со временем возваращаться и править.

Существует множество способов организации файлов, однако из их числа я бы выделил именно этот за его логику.

Стандартная структура проекта на AngularJS

Большинство ресурсов, которые я встречал предлагают следующую структуру.

Она очень типичная для большинства MVC фреймворков. Однако Adnan Kukic предложил свое видение данной структуры и оно мне понравилось больше. Дело в том, что в стандартном варианте, будем называть его так, идет деление по типу — контроллеры, директивы, вьювы и тп. Все лежит отдельно.

Это отлично подходит, если необходимо написать пример работы чего либо или небольшое приложение.

Все становится куда плачевнее, когда требуется использовать скажем 10 контроллеров, множество вьювов и директив.. Только представьте во что превратится файловая структура вашего проекта. Она банально будет вызывать у вас желание как-то почистить и разобрать все это множество файлов.

 Улучшенная структура

Буквально раз пробежавшись глазами по данной структуре становится понятна ее логика. Лично мне она сразу приглянулось и я успел уже опробовать ее на небольшом боевом проекте.

Использовать ее или нет решать конечно нужно в зависимости от задач. Пожалуй соглашусь, что совсем для небольшого количества кода я бы все-даки выбрал бы первый вариант.