reactjs - 单个 WordPress 插件中有多个 CRA？

Question

我正在使用react(使用create-react-app)创建一个Wordpress插件。我需要在不同的地方使用我的 React 应用程序，例如仪表板、用户配置文件、自定义管理页面、前端页面等。因此，如果我为所有这些地方构建一个 bundle ，它将向 JS 文件添加不必要的大小，并会增加加载时间。但如果我为所有这些创建不同的 CRA，我将无法在它们之间共享组件。

编辑:

结构如下:

• ALL 使用的组件

  1. 公共(public)组件1
  2. CommonComponent2......

• 仅由 Dashboard JS 使用的组件

  1. 仪表板组件1
  2. 仪表板组件2......

• 仅由用户配置文件 JS 使用的组件

  1. UPComponent1
  2. UPComponent2......

等等..

因此，为了优化文件大小，我只需要加载 Dashboard 组件和 Dashboard 的通用组件。对于用户配置文件，只有 UPComponents 和 Common Components。等等...

如何解决这个问题？

请询问是否需要其他信息。

提前致谢。

Answer 1

创建单个 package.json 并使用 npm link 链接包

"dependencies": {
    "react": "link:../node_modules/react",
    "react-dom": "link:../node_modules/react-dom",
    "react-scripts": "link:../node_modules/react-scripts",
  },