Big apps structure improvement

[Bryan Maina]

Your gulpfile.js looks robust. That's why I made a test with angular-material here !!. This may suit to big projects wich may need alot of feature implementation in future by following this directory structure.
It would be nice if I could get all modules with their dependencies and their configs in one single file app.module.js like this.

file app.modules.js :

(function() {
  var app = angular.module('app', ['lots of dependencies']);
  app.config();
  var appBlue = angular.module('appBlue', ['more dependencies']);
}());

and be able to call any module in the file as many times as I want to create controllers, directives and services in separate files.

file sidebar.Directive. js:

(function() {
  app.directive();
}());

file sidebar.Controller. js:

(function() {
  app.controller();
}());

The problem is that I can't get app.module.js to be injected before other scripts. How can I pass through this problem.

[Bryan Maina]

Solved the problem by learning more here to make separate files.