Fiquei me perguntando qual seria a melhor prática para compartilhar bibliotecas comuns e módulos próprios entre vários projetos angularJS.

Vamos supor que estou trabalhando em dois projetos diferentes. Ambos contam com bibliotecas como angularJS, bootstrap etc.

Eu tenho uma estrutura de arquivos como abaixo:

Projeto 1index.htmlcssjsmódulo Amódulo BlibangularbootstrapProjeto 2index.htmlcssjsmódulo Bmódulo Xlibangularbootstrap

Então, eu estava pensando em criar outro diretório com todos os componentes compartilhados para obter o sth. gostar:

Compartilhadoangularbootstrapmódulo BProjeto 1index.htmlcssjsmódulo AProjeto 2index.htmlcssjsmódulo X

Eu tenho o módulo B escrito como:

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

e, em seguida, incluí-lo no meu projeto 1/2 como dependência como:

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

para alcançar essa abordagem.

Essa seria a melhor maneira? O que poderia ser uma alternativa?