Question

我有一个项目即将完成，但是我必须包括我的2yo。如果我单独打开它，反应项目仍在工作。我试图将整个项目添加到我的src文件夹中，然后从那里运行它，但是该项目正在使用它自己的redux，路由器和许多其他东西，这需要我花几年的时间来转移它。您有什么建议吗？

项目应像这样工作：例如，在项目1中，单击一个按钮，该按钮应从项目2中打开一个组件并将其显示在页面上。

Answer 1

是的，您可以将项目作为已编译的javascript文件包含在任何项目中。

我已经做到了，但是您需要指定一个函数或类，您可以从中访问所有组件。

创建一个生产版本并将其简单地包含到您的其他项目中。它会完全按照您的要求工作。

这是您导入构建文件的方式

<head>
  <script type="" src="./path/to/js/build.js"></script>
</head>

Answer 2

我的处境完全相同。我将旧项目与其他任何JS库一样，包含在同一HTML的body标记的末尾。这两个应用程序的根div当然必须不同，您必须在应用程序代码中对其进行配置。

它或多或少地像一种魅力。

<!doctype html>
<html lang="en">

<head>

  <title>Two react apps together</title>

</head>

<body>
  <div id="oldRoot"></div>
  <div id="newRoot"></div>
  <script src="./static/js/old.js"></script>
  <script src="./static/js/new.js"></script>
</body>
</html>

在另一个项目中打开React.js项目

2 个答案: