Комментарии 5
Ух, целая статья для того, что в $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 приложения и объединили их в один портал:
![](https://habrastorage.org/getpro/habr/upload_files/9f7/891/35a/9f789135af08e758353878958c476042.png)
Ещё стоит отметить,что для angular из коробки доступна динамическая подгрузка mfe, а для react нет,но есть 2 варианта решения:
Использование готового решения на основе подхода для angular
Реализовать свой вариант. Тут будет полезно почитать доку Webpack по этой теме
Мы тоже динамическую подгрузку от webpack взяли.
Он состоит из двух этапов:
Загрузить js файл микрофронта, т.е. просто создать компонент динамической загрузки js файла.
Подгрузить модуль, воспользовшись инструкцией по вашей ссылки. Мы взяли function loadComponent.
Статистическая загрузка тоже возможно в реакте, но тогда все микрофронты будут загружаться при первом посещении.
Сами разработчики nx советую использовать динамическую подгрузку модулей.
Объединение микрофронтов на Nx в один проект