Как поделиться вторичной точкой входа Angular MFE с другими удаленными приложениями

Мы столкнулись с проблемой, связанной с вторичной точкой входа Angular MFE.

Базовая структура кода, как показано ниже:

my-app
|---------apps
 |-----shell
 |-----mfe1
|---------libs
 |----libA
 |-----src
 |-----secondaryEntryPoint1
  |----ng-package.json
  |----src
 |-----secondaryEntryPoint2
  |----ng-package.json
  |----src

Мы включили libA как общие сопоставления в webpack.config как оболочки, так и приложения mfe1, а ссылки на эти пути указаны в tsconfig.base.json. Библиотека упоминается как @myapp/libA/secondaryEntryPoint1 — это не называется Singleton.

Мы также попытались добавить общее сопоставление в веб-пакет, передав следующие свойства:

version,
import - (path to the respective index file)
includeSecondaries: true

Как показано на изображении:
Общий объект

Приведенный выше подход также не работал должным образом, и вторичные точки входа инициализировались несколько раз.

Решение проблемы

вам нужно явно указать каждую вторичную точку входа в конфигурации веб-пакета.

Если вы используете @angular-architects/module-federation, вы также можете установить

[1] https://www.npmjs.com/package/@angular-architects/module-federation#user-content-share-helper