Одно приложение реакции, импортированное в другое приложение реакции?

Question

Возможно ли импортировать одно приложение React (созданное с помощью create-реагировать-приложение) в другое совершенно другое приложение React. Мы все импортировали компоненты в наш SPA, но возможно ли полностью импортировать другое приложение? Если да, то как?

Кроме того, оба этих реагирующих приложения МОГУТ иметь несколько похожих зависимостей / файлов / библиотек, таких как bootstrap / css / Redux stores / et c. Также с возможностью использования нескольких распространенных редукторов. Эти общие редукторы, возможно, должны взаимодействовать / слушать действия между этими двумя реагирующими приложениями.

Допустим, у нас есть:

ReactDOM.render(<Provider store={store}><MainApp /></Provider>, document.getElementById('root'));

Могу ли я добавить еще одно приложение, подобное этому (которое НЕ было встроено в это), и нацелить другой узел в дом? ??

ReactDOM.render(<Provider store={store}><ExternalAPP /></Provider>, document.getElementById('root22'));

Было ли это когда-либо раньше? React сжимает все наши компоненты в «куски», которые в основном js файлы.

Спасибо за любые советы / предложения / советы

Answer 1

Вы можете использовать команду npm pack.

Создает файл tarball (.tgz) из вашего текущего приложения. Затем переместите этот файл в другую папку вашего приложения и запустите:

npm install app1 (при условии, что app1 - ваше первое имя приложения).

После установки вы можете увидеть файлы app1 внутри node_modules/App1/. Теперь вы можете импортировать нужные вам файлы или компоненты и использовать их в других приложениях.

Надеюсь, это поможет.

Также оформить заказ: https://docs.npmjs.com/cli-commands/pack.html