Как использовать общие либы в create-react-app проектах?

Question

[Александр Антонов]

Всем привет, есть проект (сайт) который включает в себя несколько react приложений, админка и основной сайт, я подошел к моменту когда они должны использовать какой то общий пере-используемый функционал (типы ts или утилиты), но по понятным причинам относительный импорт из суб проекта выведет ошибку при сборке, интересует вопрос как можно организовать это дело, структура папок простая:

• /common
  
• /admin
  
• /client
  

Гуглил темы про локальные npm пакеты но там одна чушь где надо поднимать свой локальный репозиторий, мне это не подходит, нужно что то вроде общего node_modules из которого я буду импортировать common файлы,

Какие есть предложения?

Comments

[VolgaVolga]

локальные npm пакеты но там одна чушь где надо поднимать свой локальный репозиторий

Это не чушь.

[Александр Антонов]

VolgaVolga, что бы добавить только один-два пакете поднимать репо?, по мне так эта тема для контор каких нибудь у который куча проектов и свои наработки, в composer к примеру можно просто в psr4 автозагрузку добавить и никаких проблем

Answer 1

[Александр Антонов]

Попробовал просто в корне создать папку node_modules/brandname и в нее все что нужно перекинул, не знаю на сколько это правильный вариант но вроде рабочий

• 
  /node_modules
  
  • 
    /@types
    
    • 
      /brand
      
      • /index.d.ts
        
      
      
      
    
    
    
  • 
    /brand
    
    • /utils.ts
      
    
    
    
  
  
  

UPD: Вариант рабочий только для поставки типов, с прочим почему то выкидывает ошибку:

Module parse failed: Unexpected token (3:27)
File was processed with these loaders:
* ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.

Comments

[VolgaVolga]

Неправильный. В node_modules ничего руками добавлять не следует.

[Александр Антонов]

VolgaVolga, ок, но я больше не вижу никаких конкретных предложений, наврятли локальное репо это единственный вариант