How to use the npm/angular.module function in npm

import angular from 'npm/angular';

import spServices from '../services/services.module'

import RegisterCtrl from './register.controller'
import SsoCtrl from './sso.controller'
import LoginCtrl from './login.controller'
import SetupCtrl from './setup.controller'

export default angular.module('sp.login', [spServices])
	.controller('RegisterCtrl', RegisterCtrl)
	.controller('SsoCtrl', SsoCtrl)
	.controller('LoginCtrl', LoginCtrl)
	.controller('SetupCtrl', SetupCtrl)
	.name;

import angular from 'npm/angular';

import spServices from '../services/services.module';

import {PipelineCtrl} from './pipelines.controller';
import {PipelineDetailsComponent} from './components/pipeline-details/pipeline-details.component';
import {PipelineCategoryFilter} from './pipeline-category.filter';
import {CategoryAlreadyInPipelineFilter} from './category-already-in-pipeline.filter';

export default angular.module('sp.pipeline', [spServices])
	.controller('PipelineCtrl', PipelineCtrl)
	.component('pipelineDetails', PipelineDetailsComponent)
	.filter('pipelineCategoryFilter', PipelineCategoryFilter)
	.filter('categoryAlreadyInPipelineFilter', CategoryAlreadyInPipelineFilter)
	.name;

import angular from 'npm/angular';

import spServices from '../services/services.module';

import {PipelinePreviewComponent} from './components/preview/pipeline-preview.component';
import {PipelineStatusComponent} from './components/status/pipeline-status.component';
import {PipelineElementsComponent} from './components/elements/pipeline-elements.component'
import {PipelineElementsRowComponent} from './components/elements/pipeline-elements-row.component'
import {PipelineActionsComponent} from './components/actions/pipeline-actions.component';
//import customizeDialog from '../editor/directives/customize/customize-dialog.directive';
import {QuickEditComponent} from './components/edit/quickedit.component';

import {PipelineDetailsCtrl} from './pipeline-details.controller';

export default angular.module('sp.pipelineDetails', [spServices])
    .controller('PipelineDetailsCtrl', PipelineDetailsCtrl)
    .component('pipelineStatus', PipelineStatusComponent)
    .component('pipelinePreview', PipelinePreviewComponent)
    .component('pipelineElements', PipelineElementsComponent)
    .component('pipelineElementsRow', PipelineElementsRowComponent)
    .component('pipelineActions', PipelineActionsComponent)
    .component('quickEdit', QuickEditComponent)
    .name;

import angular from 'npm/angular';
import ngCookies from 'npm/angular-cookies';

import spServices from '../services/services.module'
import TopNavCtrl from './top-nav.controller'
import AppCtrl from './app.controller'
import LeftCtrl from './left.controller'
import SettingsCtrl from './settings.controller'

import iframeAutoSize from './iframe-auto-size.directive'
import ngRightClick from './ng-right-click.directive'
import userAvatar from './user-avatar.directive'

export default angular.module('sp.layout', [spServices, ngCookies])
	.controller('TopNavCtrl', TopNavCtrl)
	.controller('AppCtrl', AppCtrl)
	.controller('LeftCtrl', LeftCtrl)
	.controller('SettingsCtrl', SettingsCtrl)
	.directive('iframeAutoSize', SettingsCtrl)
	.directive('ngRightClick', SettingsCtrl)
	.directive('userAvatar', SettingsCtrl)
	.name;

import angular from 'npm/angular';

var appModule = angular.module('useravatar', []);
appModule.directive('useravatar', ["avatarService", function (avatarService) {
	var controller = function ($scope) {
		$scope.ImageAvailable = false;
		if (!$scope.User.Avatar) {
			$scope.GenericAvatar = avatarService.getAvatar($scope.User);
		} else {
			$scope.ImageAvailable = true;
		}
	};
	return {
		restrict: 'C',
		scope: {
			User: '=user'
		},
		template: '<div class="generic-avatar">'+
		'<a style="background-color:{{GenericAvatar.Background}}" class="thumb spacer animated fadeIn color"></a>'+</div>

import angular from 'npm/angular';

import storageConst from './constants/storage';
import todoRun from './runs/todos';
import storageService from './services/storage';
import todoFactory from './factories/todos';
import todoCmp from './components/todolist';
import decoratedLogger from './decorators/log';
//import todoCtrl from './controllers/todolist';
//import todolistDirective from './directives/todolist';
import todoEscapeDirective from './directives/todoEscape';
import todoFocusDirective from './directives/todoFocus';

const app = angular.module('todomvc', []);
export default app.name;


//app.constant(storageConst.$name, storageConst.$component);
//app.run(todoRun.$component);
//app.service(storageService.$name, storageService.$component);
//app.factory(todoFactory.$name, todoFactory.$component);
//app.controller(todoCtrl.$name, todoCtrl.$component);
//app.directive(todolistDirective.$name, todolistDirective.$component);
//app.directive(todoEscapeDirective.$name, todoEscapeDirective.$component);
//app.directive(todoFocusDirective.$name, todoFocusDirective.$component);


[
	storageConst,
	todoRun,

import spDashboard from './dashboard/dashboard.module';
import spDocs from './docs/docs.module';
import spEditor from './editor/editor.module';
import spLayout from './layout/layout.module';
import spLogin from './login/login.module';
import spMyElements from './myelements/my-elements.module';
import spNotifications from './notifications/notifications.module';
import spOntology from './ontology/ontology.module';
import spPipelines from './pipelines/pipelines.module';
import spProasenseHome from './proasense-home/proasense-home.module';
import spSensors from './sensors/sensors.module';
import spVisualizationNew from './visualizations-new/visualizations-new.module';

const MODULE_NAME = 'streamPipesApp';

export default angular
	.module(MODULE_NAME, [
		spServices,
		spAdd,
		spCore,
		spCreate,
		spDashboard,
		spDocs,
		spEditor,
		spLayout,
		spLogin,
		spMyElements,
		spNotifications,
		spOntology,
		spPipelines,
		spProasenseHome ,
		spSensors,

import angular from 'npm/angular';

import storageConst from './constants/storage';
import todoRun from './runs/todos';
import storageService from './services/storage';
import todoFactory from './factories/todos';
import todoCtrl from './controllers/todolist';
import todolistDirective from './directives/todolist';
import todoEscapeDirective from './directives/todoEscape';
import todoFocusDirective from './directives/todoFocus';

const app = angular.module('todomvc', []);
export default app.name;


//app.constant(storageConst.$name, storageConst.$component);
//app.run(todoRun.$component);
//app.service(storageService.$name, storageService.$component);
//app.factory(todoFactory.$name, todoFactory.$component);
//app.controller(todoCtrl.$name, todoCtrl.$component);
//app.directive(todolistDirective.$name, todolistDirective.$component);
//app.directive(todoEscapeDirective.$name, todoEscapeDirective.$component);
//app.directive(todoFocusDirective.$name, todoFocusDirective.$component);

[
	storageConst,
	todoRun,
	storageService,

import spDashboard from './dashboard/dashboard.module';
import spEditor from './editor/editor.module';
import spLayout from './layout/layout.module';
import spLogin from './login/login.module';
import spMyElements from './myelements/my-elements.module';
import spNotifications from './notifications/notifications.module';
import spOntology from './ontology/ontology.module';
import spPipelines from './pipelines/pipelines.module';
import spSensors from './sensors/sensors.module';
import spAppLinks from './applinks/applinks.module';
import spAppFileDownload from './app-file-download/app-file-download.module';
import spPipelineDetails from './pipeline-details/pipeline-details.module'

const MODULE_NAME = 'streamPipesApp';

export default angular
    .module(MODULE_NAME, [
        spServices,
        spAdd,
        spConfiguration,
        spCore,
        spHome,
        spCreate,
        spDashboard,
        spEditor,
        spLayout,
        spLogin,
        spMyElements,
        spNotifications,
        spOntology,
        spPipelines,
        spSensors,