内容:多个独立的React应用,无需涉及Web Pack详细信息

问题描述

在我的MERN中,我有一个带有JS代码的主要HTML,EJS模板。经过身份验证的用户可以选择几种产品,每种产品都是由create-react-app开发的,并且每种产品都有自己的版本。

假设我有2个具有自己捆绑包的React应用。因此,在使用请求基于链接选择一个产品(例如:mydomain.com/prod1)之后,应使用第一个反应产品构建。对于第二个产品(例如:mydomain.com/prod2),应使用第二个react build,依此类推。

我不知道该怎么办。

当前,对于一个产品,我可以打包并基本上在节点中使用以下代码来加载第一个产品的构建。显然,如果我有更多产品,那么我将不了解节点如何理解应将哪个文件夹提供给客户端。

app.use(express.static(__dirname+'/prod1/build/');

谢谢

解决方法

您想构建一个微前端的应用程序,我认为您可以采用的一种方法是将已构建的React应用程序在框架中放到主模板中,就像在两页上一样,然后在其中注入iframe,然后单击prod1->您将获得html prod1,它会在其中插入带有prod-1 react页面的iframe,就像您可以在同一模板中共享两个应用程序一样,您可以添加很多优化,我什至可能会建议主应用程序是也是一个react应用,因此您可以对其进行更多控制,这是一个解释该概念的回购链接,您可以在google上找到有关微型前端的更多信息,这既简单又复杂,同时也可以

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...