如何解决内容:多个独立的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上找到有关微型前端的更多信息,这既简单又复杂,同时也可以
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。