Как импортировать компонент из другого проекта

Question

У меня есть несколько компонентов с избыточным хранением / темой пользовательского интерфейса материала / API, интегрированных в одно приложение реагирования под названием A. Я хочу импортировать один из компонентов из A в другие проекты (отдельное приложение реагирования) B и C.

Если я не опубликую sh до npm, я подумал, что лучший подход - это собрать и упаковать в .tgz файл проект A и импортировать этот файл в проект B и C и использовать как библиотека, но это не go хорошо.

1. Не могли бы вы сказать мне, если это правильный подход?
2. Лучше использовать веб-пакет или накопительный пакет?
3. Не могли бы вы рассказать мне, как экспортировать несколько компонентов с помощью Redux Store и API-интерфейса? Потому что файл app.ts - это всего лишь один файл, который обернет все приложение провайдерами, верно? Если я экспортирую несколько компонентов, каким будет способ их экспорта с помощью оболочки поставщика? ... *

В проектах A, B, C используется реакция с машинописью и пользовательский интерфейс материала.

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

Answer 1

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

Когда вышеуказанное условие выполнено, вы можете выполнить установку NPM следующим образом:

npm install --save ../your-local-repo

Вы также можете сделайте это в вашем пакете. json в объекте зависимостей:

"module/projectname": "file:yourmoduledirectory"

Вы можете go перейти по этой ссылке NPM Ссылка , чтобы узнать, как использовать ссылку функция NPM для связи вашего локального проекта с другим проектом.