2016-08-08 9 views
2

В настоящее время мы разрабатываем две приложения на основе React, например app-a и app-b, которые имеют две зависимости, которыми мы также управляем. A shared-components, который содержит совместно используемые компоненты, и пакет shared-utilities, который содержит общие утилиты между app-a и app-b. Оба они имеют свои собственные на package.json и включены в пакет.json app-a и app-b.Лучший рабочий процесс для разработки пакетов npm, которые зависят друг от друга

Зависимости:

app-a
|- shared-components
|- shared-utilities

и

app-b
|- shared-components
|- shared-utilities

Каждый раз, когда мы разрабатываем что-то, например, в shared-components, что мы хотим использовать, например, в app-a мы должны выполнять слишком много шагов:

  1. Сделать <AwesomeComponent /> в shared-components
  2. сборочные файлы в shared-components.
  3. Commit/push to GitHub.
  4. Точечная зависимость в пакете.json от app-a к конкретной ветке.
  5. Пробег npm install.
  6. Используйте <AwesomeComponent />.

Если мы допустили ошибку в развитии, мы должны retart с шага 1. Конечно, мы можем пропустить совершить/PUSH и npm install путем копирования файлов сборки в папку node_modules напрямую, но все же, это довольно хлопот каждый раз, когда мы строим компонент.

Какой рабочий процесс вы используете или какие-либо советы/советы для ускорения локального развития здесь?

Примечание; мы используем webpack для связывания наших файлов и babel для пересылки.

ответ

2

Что вы хотите, может быть npm link.

Просто в shared-components настройте его с помощью sudo npm link. Это создает символические ссылки в глобальных каталогах npm (отсюда необходимость повышенных привилегий, если вы установили их как root).

Дальше все, что вам нужно сделать, это пойти в app-a и запустить npm link shared-components, который заменит папку в node_modules символической ссылкой.

+0

Спасибо, человек! Это было именно то, что я искал :-) Получил некоторые ошибки разрешений, но я их разрешу. –

 Смежные вопросы

  • Нет связанных вопросов^_^