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

Question

До сих пор я в основном полагался на create-react-app и не имел непосредственного отношения к веб-пакету.

Теперь я нахожусь в следующей ситуации, и я не уверен, что делать

У меня есть два реагирующих приложения, которым необходимо совместно использовать компоненты

Моя структура каталогов:

root
 - App1
     - package.json
     - components
 - App2
     - package.json
     - components
 - SharedFiles
     - components
     - configFiles

Каков наилучший способ структурировать это с помощью веб-пакета?Должны ли App1 и App2 иметь свои собственные настройки веб-пакетов?Должна ли быть конфигурация веб-пакета в корневом каталоге, который собирает оба?Каков наилучший способ для обоих этих приложений иметь доступ к файлам и компонентам в каталоге SharedFiles?

Любая помощь, высоко ценимая

Answer 1

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

между этими двумя параметрами, я предпочитаю иметь разные файлы веб-пакета для каждого проекта с общим доступомconfig -if required-, и мой каталог веб-пакета будет:

- webpack
  - webpack.config.app1.js
  - webpack.config.app2.js
  - plugins/
    - plugin 1
    ....
  - rules/
    - javascript
    - styles
    ...

Для меня я управляю общими модулями с помощью git submodule и сохраняю независимость двух приложений, и любые изменения в общих модулях будут частьюсубмодуль.