带有2个使用共享文件的React应用程序的Mono Repo的最佳Webpack结构

Question

到目前为止，我一直主要依靠create-react-app，并没有直接对webpack进行过多的操作。

我现在发现自己处于以下情况，我不确定该怎么办

我有两个需要共享组件的React应用程序

我的目录结构是：

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

使用webpack构造此内容的最佳方法是什么？ App1和App2是否都应具有自己的Webpack配置？ 根目录中是否应该有一个可同时构建两者的webpack配置？这两个应用程序都能访问SharedFiles目录中的文件和组件的最佳方法是什么？

非常感谢任何帮助

Answer 1

您既可以使用单个具有不同条目和不同输出的webpack文件，也可以针对每个项目使用webpack文件。

在这两个选项之间，我更喜欢为每个项目使用共享的配置（如果需要）使用不同的webpack文件，并且我的webpack目录为：

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

对于我来说，我使用git submodule管理共享模块，并使2个应用保持独立，共享模块上的所有更改都将成为子模块的一部分。