Мне было интересно, как лучше распределить общие библиотеки и собственные модули между несколькими проектами angularJS.

Давайте предположим, что я работаю над двумя разными проектами. Оба используют библиотеки, такие как angularJS, bootstrap и т. Д.

У меня есть структура файла, как показано ниже:

Проект 1index.htmlCSSJSмодуль Амодуль БLibугловаяначальная загрузкаПроект 2index.htmlCSSJSмодуль Бмодуль XLibугловаяначальная загрузка

Так что я думал о создании еще одного каталога со всеми общими компонентами, чтобы я получил что-то. лайк:

Общийугловаяначальная загрузкамодуль БПроект 1index.htmlCSSJSмодуль АПроект 2index.htmlCSSJSмодуль X

У меня есть модуль B, написанный как:

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

и затем включил бы это в мой Проект 1/2 как зависимость как:

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

достичь этого подхода.

Это будет лучшим способом? Что может быть альтернативой?