Me preguntaba cuál sería la mejor práctica para compartir bibliotecas comunes y módulos propios entre múltiples proyectos de angularJS.

Asumamos que estoy trabajando en dos proyectos diferentes. Ambos confían en bibliotecas como angularJS, bootstrap, etc.

Tengo una estructura de archivos como la siguiente:

Proyecto 1index.htmlcssjsmódulo Amódulo BlibangularorejaProyecto 2index.htmlcssjsmódulo Bmódulo Xlibangularoreja

Así que estaba pensando en crear otro directorio con todos los componentes compartidos para obtener algo. me gusta:

Compartidoangularorejamódulo BProyecto 1index.htmlcssjsmódulo AProyecto 2index.htmlcssjsmódulo X

Tengo el módulo B escrito como:

angular.module("moduleB", [])
    .service("SB", [function () {/*functionality here*/}]);
    .factory("FB", [function () {/*functionality here*/}]);

y luego lo incluiría en mi Proyecto 1/2 como dependencia como:

angular.module("project1", ["moduleB"]);

para lograr este enfoque.

¿Sería esa la mejor manera? ¿Qué podría ser una alternativa?