Структура проекта Angualr?

Question

[Aleks Front]

/app
    /bower_components
    /common
        /fonts
        /SASS
        /img
    /modules
        /user
            /tests
            /views
                index.html
                style.sass
                img

            /LoginController.js
            /RegistrationController.js
            /UserModel.js
            /UserService.js
        ....
index.html

В проекте потом собирается версия .devBuild и .prodBuild
.devBuild - проект с объединенными main.css и vendor.css (аналогично js) и sourcemap не в жатом ввиде, сгенерированными спрайтами (svg) и т.д.
.prodBuild - проект собирается с минифицированными файлами и без sourcemap

У кого опыта по более ( собираю первый проект на angular ) есть ли какие нибудь рекомендации ?

Answer 1

[Deleted Deleted]

есть ли какие нибудь рекомендации ?

Да есть.

Answer 2

[Сергей Протько]

Возьмите готовый скелет и не парьтесь + как вам советует Azimov Elbek почитайте angular styleguide.

Answer 3

[Yaroslav Lyzlov]

Нормальная структура. Я бы ещё .js файлы раскидал по папкам. controllers/services/directives/filters и так далее. В корне оставил бы один файл, user.js, с определением модуля и глобальными настройками модуля.

Comments

[Aleks Front]

Есть ли необходимость так раскидывать /user/controllers/*.js - на сколько я понял ?

[Yaroslav Lyzlov]

Для нас да. Контроллеров, конечно, не так много, как директив, сервисов, фильтров, но всё же бывает не один.

[Aleks Front]

Окей, вопрос в дагонку. Как Вы формируете .prodBuild в том плане, какая структура получается на выходе ?

[Yaroslav Lyzlov]

Это уже не особо принципиально. 1 файл со стилями, N js файлов (у нас lazy load), папка с ресурсами. Используем webpack.

[Сергей Протько]

Yaroslav Lyzlov: это нормальная структура для небольших проектов. Минус подобного разделения - усложнение реюза каких-то отдельных компонентов и т.д.

[Yaroslav Lyzlov]

Сергей Протько: Поэтому я и написал "для нас". Отдельные компоненты для реюза переносим в utils.

[Aleks Front]

Сергей Протько: Можно подробнее, о том что Вы имеете ввиду ?

[Сергей Протько]

Aleksandr | netpix.pro: ну то и имею, эта структура форсит разработчика к не совсем правильным подходам...

Адекватно ли отправлять данные из директивы сразу в сервис? - я вчера описал тут свои правила при работе с angular + ссылки. Ну и да почитайте angular-styleguide.

Answer 4

[ChtotoBudet]

styleguide 1
styleguide 2
Тут рекомендации, в том числе и по выбору структуры проекта