What are the differences between load angular dependencies and what is the best way to share modules?
<p>What is the difference between those ways of load modules?</p>

<pre><code>angular.module('CoreApp', ['...','...','...','...']); //parent module
angular.module('MainApp1', ['CoreApp']);  //child 1
angular.module('MainApp2', ['CoreApp']);  //child 2

angular.module('CoreApp', ['...','...','...','...','MainApp1','MainApp2']); //parent module
angular.module('MainApp1', []);  //child 1
angular.module('MainApp2', []);  //child 2
</code></pre>

<p>...
Apart from that, maybe I'm doing it wrong. My mainApps are going to run in different domains(mainapp1.com and mainapp2.com). I have some headers(login,menus) and footers that i want to share it instead of copying and changing them on each module. Of course i have directives and services(such a translate services).</p>

<p>I don't know what is the best way to do this. I thought on create a private bower package with the coreapp and load it in the other projects.
I also want that the development process will be much confortable as possible.</p>

<p>Is there any better idea?</p>

<p>Thanks</p>