Объединение микрофронтов на Nx в один проект

[nin-jin]

Ух, целая статья для того, что в $mol делается в 3 строчки..

$my_portal $mol_book2_catalog
	menu_title \My Portal
	spreads *
		excel <= Excel $hyoo_calc
			title \My Excel
		word <= Word $hyoo_page
			menu_title \My Word
		powerpoint <= Powerpoint $hyoo_page
			menu_title \My PowerPoint
		outlook <= Outlook $hyoo_mail
			menu_title \My Outlook

Тут мы взяли 3 приложения и объединили их в один портал:

[Solant]

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

[Pecheneg2015]

Ещё стоит отметить,что для angular из коробки доступна динамическая подгрузка mfe, а для react нет,но есть 2 варианта решения:

1. Использование готового решения на основе подхода для angular

2. Реализовать свой вариант. Тут будет полезно почитать доку Webpack по этой теме

[ko22012]

Мы тоже динамическую подгрузку от webpack взяли.

Он состоит из двух этапов:

1. Загрузить js файл микрофронта, т.е. просто создать компонент динамической загрузки js файла.

2. Подгрузить модуль, воспользовшись инструкцией по вашей ссылки. Мы взяли function loadComponent.

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

   Сами разработчики nx советую использовать динамическую подгрузку модулей.

[Pecheneg2015]

Руслан, вы правы. Никому не хочется тащить кучу remoteEntry, которые могут и не пригодиться вовсе.