Как можно импортировать разные приложения из папки общих компонентов? реагировать / реагировать родной

Question

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

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

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

Структура проекта

- mobile
    - project 1
    - project 2

Должно выглядеть как одно из двух решений ниже

- components
- mobile
    - project 1
    - project 2

или

- mobile
    - components
    - project 1
    - project 2

'

Проблема

Таким образом, проблема возникает, когда я пытаюсь импортировать компоненты извне или проект 1 или 2. Например, я создал компонент Loading, пригодный для обоих проектов (приложений). Но этот компонент использует стороннюю библиотеку, и эта библиотека требует установки Pod для установки некоторых дополнительных библиотек.

Вопросы:

1. Где я должен установить стороннюю библиотеку ( пряжа добавить). В папке компонентов или в обеих папках проекта?
2. Если я установлю его в папку компонентов, я не смогу запустить установку Pod, поскольку в этом каталоге проекта ничего не было добавлено.
3. Если я пытаюсь импортировать компонент из папки компонентов, которая находится за пределами каталога проекта, я получаю сообщение об ошибке «Невозможно разрешить модуль ..».

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

Есть ли у кого-то опыт в этой области? Как я могу решить эту проблему? Каковы возможные решения .

Я читал другие сообщения StackOverflow, но все еще не мог понять это. Мне все еще не ясно.

Answer 1

Если вы хотите разделить компоненты между двумя отдельными проектами, общее решение состоит в том, чтобы создать собственную библиотеку NPM, как предлагает jmargolisvt в своем комментарии.

Это добавит немного накладных расходов на публикацию изменений к вашей библиотеке компонентов, хотя. Если вам нужно двигаться быстро, вы можете установить свою библиотеку компонентов в свой проект, установив, например, прямо из Github. См. NPM документы по синтаксису npm install для этого: https://docs.npmjs.com/cli/install

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

app-ios
  - depends on app-component-library
app-android
  - depends on app-component-library
app-component-library