Микрофронтендс - комплекты веб-компонентов

Question

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

1. Несколько веб-приложений, которые предоставляют файл js, который экспортирует веб-компонент.При рендеринге веб-компонент будет рендерить, например, приложение Vue / реагировать и т. Д. *
2. Root index.html, который импортирует веб-приложения (<script src="domain.com/micro-app1.js">) и использует их ("<micro-app1>").

Мой вопрос заключается в том, что с помощью этого метода загружаются все мои пакеты микро-приложений (из-за импорта с использованием <script src>).Есть ли ленивый способ загрузки?

Есть ли другой лучший способ?

Answer 1

Если вы используете <script> с async из defer, это приведет к некоторой отложенной загрузке.

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

Или поместите элемент в предпочтительное место в потоке кода HTML, чтобы оптимизировать загрузку.Например, внизу главной страницы.