Я пытаюсь разместить реагирующие компоненты в микросервисах. Я хочу объединить мои javascript файлы в пакет и сделать его доступным для других микросервисов для его загрузки и использования. Поскольку все наши микросервисы реагируют и некоторые другие зависимости, я не хочу включать их в связанный файл. Я добавил их в конфигурацию своего веб-пакета как внешние:
externals: {
'react': 'React',
'react-dom': 'ReactDOM',
...
},
Это работает, поскольку эти зависимости не связаны, однако «размещенный компонент» не работает, когда я хочу получить к нему доступ в других микросервисах ( на стороне потребителя), например:
<script src="path/to/hosted"></script>
Я пытался поместить зависимости на объект окна на стороне потребителя:
import React from 'react';
window.libs.React = React;
...
, но таким образом я могу получить доступ к React на стороне хостера как window.libs.React, который кажется неудобным для развития. Прямо сейчас я думаю, что должен как-то решить эту проблему в комплекте с веб-пакетами, но я застрял с этим. Любые предложения, какие плагины я должен проверить, или какие-либо существующие методологии для этой проблемы?
PS: Концепция не моя идея, я просто должен реализовать ее, поэтому я не могу изменить всю концепцию на пример использования npm пакетов вместо всего этого общего компонента.