Angualr project structure?

Question

Angular

/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

The project then builds a version of .devBuild and .prodBuild
.devBuild - a project with a combined main.css and vendor.css (similar to js) and an uncompressed sourcemap, generated sprites (svg), etc.
.prodBuild - the project is built with minified files and without sourcemap
. Does anyone have more experience (I'm building the first project on angular) do you have any recommendations?

Answer 1

are there any recommendations?

Yes, I have.

Answer 2

Take the finished skeleton and don't worry + as Azimov Elbek advises you , read the angular styleguide.

Answer 3

normal structure. I would also scatter .js files into folders. controllers/services/directives/filters and so on. I would leave one file at the root, user.js, with the module definition and global module settings.

Answer 4

styleguide 1
styleguide 2
Here are recommendations, including the choice of project structure