Как вызвать угловой компонент в другое угловое приложение

Question

У меня есть требование разделить мое текущее приложение на 3 разных приложения Angular.

Приложение 1: обычное (угловое приложение для панели инструментов) Приложение 2: модуль 1 (угловое приложение для продаж) Приложение 3: модуль 2 (угловое приложение для клиента)

Приложение 1 (Панель инструментов) будет иметь 2 ссылки => Продажи |Заказчик . При нажатии на ссылку соответствующее приложение будет вызвано и загружено. Все 3 приложения расположены в разных местах (в разных хранилищах).

Возможно ли это? Могу ли я вызвать другие приложения на моей панели?

Answer 1

Я не знаю, сколько времени вы готовы потратить на это, но на вашем месте я бы посмотрел на https://nx.dev, вариант использования, который вы предоставляете, это учебник, в котором монореполихорошо и NRWL (nx.dev) решают это очень, очень элегантно.

Answer 2

По моему опыту, у вас есть два варианта.

Первый вариант:

Создание пользовательской библиотеки Angular, в которой вы создаете / добавляете все компоненты и службы, к которым предоставлен общий доступ. разные приложения. Затем вы устанавливаете пользовательскую библиотеку в каждом угловом проекте.

https://angular.io/guide/creating-libraries

https://medium.com/@tomsu/how-to-build-a-library-for-angular-apps-4f9b38b0ed11

Второй вариант:

Используйте подход Monorepo: https://christianlydemann.com/why-angular-teams-fail-at-code-sharing-and-how-this-mono-repo-approach-will-fix-it/

Чтобы использовать подход Monorepo, я знаю две библиотеки:

• Nx: https://blog.nrwl.io/announcing-nrwl-nx-1-0-33d888666bfc
• Lerna: https://github.com/lerna/lerna