代码之家 › 专栏 › 技术社区 › Sean

mono repo的最佳网页包结构,2个react应用程序使用共享文件

webpack-4 webpack

0

Sean · 技术社区 · 5 年前

我主要依靠 create-react-app 到现在为止,还没有直接与网页包做太多。

我现在发现自己处于以下情况,我不知道该怎么办

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

我的目录结构是:

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

用webpack构造这个的最好方法是什么?App1和App2都应该有自己的网页包配置吗? 根目录中是否应该有一个webpack配置来生成这两个文件?对于这两个应用程序来说,最好的方式是什么来访问应用程序中的文件和组件 SharedFiles 目录?

非常感谢您的帮助

0 回复 | 直到 5 年前

1

0

d7my 5 年前

这两种方法都可以做到,一个单独的网页包文件包含不同的条目和不同的输出,或者每个项目都有一个网页包文件。

在这两个选项中,我更喜欢为每个具有共享配置的项目提供不同的webpack文件(如果需要),我的webpack目录将是:

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

对我来说,我用 git submodule 并保持两个应用程序的独立性,对共享模块的任何更改都将成为子模块的一部分。