Как использовать ту же базу кода для создания другого проекта с некоторыми общими службами и компонентами?

Question

У нас уже есть веб-приложение, которое подходит и предназначено для пользователей настольных компьютеров, теперь мы решили использовать Angular power и разработать новую версию нашего веб-сайта только для пользователей мобильных устройств.

Я имею в виду, что мы хотим, чтобы на нашем сайте была еще одна версия, полностью оптимизированная для наших мобильных пользователей, и этот метод называется адаптивным дизайном.

Мы определяем тип пользователя, получая User-Agent и обслуживаем другое веб-приложение в зависимости от типа устройства.

Мы хотим использовать наши сервисы, модели, директивы и каналы, но только компоненты и представление, а также некоторые логические изменения. Как мы можем иметь несколько Angular проектов, которые используют одну исходную базу или приложение? Существует много общего кода, который не нужно переписывать

Answer 1

Вы можете использовать два проекта вместе с общей библиотекой для всех ваших компонентов, сервисов, моделей, директив и каналов.Конфигурация поддерживается Angular CLI "из коробки".

Как настроить несколько проектов:

https://angular.io/guide/file-structure#setting-up-for-a-multi-project-workspace

Как создать и использовать библиотеку

https://angular.io/guide/creating-libraries#getting-started

Answer 2

Совместное использование общей базы кода между проектами может быть достигнуто либо наличием ее внутри библиотечного проекта, либо совместно используемым модулем, поскольку общий модуль углового приложения может использоваться в разных угловых приложениях в рабочей области, однако в действительности рекомендуется использовать наилучший метод. проект библиотеки.

Angular CLI поддерживает создание библиотек начиная с v6. https://angular.io/guide/creating-libraries#getting-started