|
[app-name]/ # app root directory |
|
|--_build/ # output build directory for gulp-processed files |
|
|__app/ # container for all user-generated app code |
|
| |__components/ # stateless components (e.g. features, shared UI widgets, shared services etc.) |
|
| | |__[component-1] # component 1, e.g `auth`, `profile`, `dashboard` etc. |
|
| | | |__index.js # module definition and dependencies |
|
| | | |__config.js # component specific configuration |
|
| | | |__[animation-name]-animation.js # component specific animation |
|
| | | |__[animation-name]-animation.spec.js # animation unit test |
|
| | | |__[filter-name]-filter.js # component specific filter |
|
| | | |__[filter-name]-filter.spec.js # filter unit test |
|
| | | |__[directive-name].html # directive template |
|
| | | |__[directive-name]-directive.js # component specific directive (can be a UI widget) |
|
| | | |__[directive-name]-directive.spec.js # directive unit test |
|
| | | |__[model-name]-model.js # component specific model |
|
| | | |__[model-name]-model.spec.js # model unit test |
|
| | | |__[service-name]-service.js # component specific service |
|
| | | |__[service-name]-service.spec.js # service unit test |
|
| | | |__[component-1].{scss|less} # component specific CSS |
|
| | | |__[image-name].{png|gif|jpg} # component specific images |
|
| | | |__data/ # component specific JSON data files and related assets |
|
| | | |__i18n/ # resource files with locale specific localization rules for this component |
|
| | | | |__en-US/ |
|
| | | | | |__[resource-name-1].json |
|
| | | | | |__[resource-name-2].json |
|
| | | | | |__... |
|
| | | | |__fr-FR/ |
|
| | | | |__... |
|
| | | | |
|
| | | |__vendor/ # 3rd party libraries used by this component |
|
| | | |__[sub-component-1.1]/ # sub-component of component 1, e.g. `signin` or `signout` |
|
| | | |__index.js # subcomponent module definition and dependencies |
|
| | | |__config.js # subcomponent specific config |
|
| | | |__[animation-name]-animation.js # subcomponent specific animation |
|
| | | |__... # same structure as `component-1`, except `app.js` module definition |
|
| | |__[component-2] # component 2, e.g. `video-player`, `analytics`, etc. |
|
| | | |__... |
|
| | |__helpers/ # a collection of various utilities not specific to any component, usually implemented as JS pure functions |
|
| | |__index.js |
|
| | |__checkmark-filter.js |
|
| | |__checkmark-filter.spec.js |
|
| | |__string-parser-service.js |
|
| | |__string-parser-service.spec.js |
|
| | |__... |
|
| | |
|
| |__layouts/ # layout specific partials |
|
| | |__default.html # default application layout |
|
| | |__home.html # home page layout, if different from default |
|
| | |__public.html # public section layout, if different from default |
|
| | |__secure.html # secure section layout, if different from default |
|
| | |__... |
|
| | |
|
| |__states/ # application UI states (can be 'routes/' if a concept of states is not used) |
|
| | |__[ui-state-1]/ # ui state 1 |
|
| | | |__index.js # state module definition and dependencies |
|
| | | |__config.js # state specific config |
|
| | | |__config.spec.js # state config unit test |
|
| | | |__[view-name]-controller.js # state controller |
|
| | | |__[view-name]-controller.spec.js # state controller unit test |
|
| | | |__[view-name].html # state view partial |
|
| | | |__[ui-state-1].scss # state specific CSS |
|
| | | |__[image-name].{png|gif|jpg} # state specific image(s) |
|
| | | |__i18n/ # resource files with locale specific localization rules for this state |
|
| | | |__[ui-state-1.1]/ # child ui state 1.1 |
|
| | | |__index.js # child state module definition and dependencies |
|
| | | |__config.js # child state specific config |
|
| | | |__config.spec.js # child state config unit test |
|
| | | |__[ui-state-1.1]-controller.js # child state controller |
|
| | | |__[ui-state-1.1]-controller.spec.js # child state controller unit test |
|
| | | |__[view-name].html # child state view partial |
|
| | | |__[ui-state-1.1].scss # child state specific CSS |
|
| | | |__[image-name].{png|gif|jpg} # child state specific image(s) |
|
| | | |__i18n/ # resource files with locale specific localization rules for this state |
|
| | |__[ui-state-2]/ # ui state 2 |
|
| | |__... |
|
| | |
|
| |__app.js # global app module definition and dependencies |
|
| |__config.js # global app configuration |
|
| |__index.html # application bootstrap entry page |
|
| |
|
|__bower_components/ # 3rd party vendor client libraries global to the entire app |
|
| |__angular/ |
|
| |__angular-animate/ |
|
| |__font-awesome/ |
|
| |__lo-dash/ |
|
| |__... |
|
| |
|
|__config/ # global project-wide config files not relevant to any existing folder, if any |
|
| |
|
|__node_modules/ # 3rd party vendor node.js modules global to the entire app |
|
| |__chai/ |
|
| |__gulp/ |
|
| |__gulp-grep/ |
|
| |__... |
|
| |
|
|__scripts/ # shell executable and config scripts |
|
| |__... |
|
| |
|
|__specs/ |
|
| |__e2e/ # end-to-end specs |
|
| | |__helpers/ # e2e specific helpers |
|
| | |__page-objects/ # collection of page objects |
|
| | | |__[page-object-name].js # page object |
|
| | | |__... |
|
| | |__[spec-name-describing-feature].js # e2e test |
|
| | |__protractor.config.js # protractor config file |
|
| | |__... |
|
| | |
|
| |__unit/ |
|
| |__helpers/ # unit test specific helpers |
|
| | |__matchers.js # customer matchers |
|
| | |__state-test-helpers.js # helper functions for testing UI router states |
|
| |__karma.config.js # karma config file |
|
| |__karma.setup.js # karma global vars and requires |
|
| |__... |
|
| |
|
|__bower.json |
|
|__gulpfile.json |
|
|__package.json |
|
|__README.md |
|
|__... |
