文件名称:temp--webinar
文件大小:114KB
文件格式:ZIP
更新时间:2024-05-09 15:11:16
JavaScript
微前端架构示例 该存储库包含一个应用程序,该应用程序将在2021年4月20日举行的heise网络研讨会上具有示例性的微前端架构。 该应用程序来自heike Online ,这是(当然)纯粹是虚拟的在线IT新闻服务。 应用程序的结构 该应用程序由一个*container-app程序组成,该应用container-app集成了两个微前端article-overview (文章概述article-page )和article-page (实际文章article-page )。 容器应用程序负责处理所谓的横切关注点,例如导航,页眉,页脚,当然还有微型前端的集成。 两个微前端的集成以两种方式实现,以说明各自的差异。 这些都是: IFrame集成:顾名思义,微前端作为独立的应用程序启动,然后作为IFrame集成到容器应用程序中。 脚本集成:此处的Microfrontends仅导出具有渲染功
【文件预览】:
temp--webinar-main
----article-page()
--------package.json(390B)
--------index.jsx(481B)
--------index.html(365B)
--------package-lock.json(70KB)
--------snowpack.config.js(547B)
--------src()
--------README.md(823B)
----.eslintrc(282B)
----package.json(609B)
----article-overview()
--------package.json(358B)
--------index.jsx(485B)
--------index.html(365B)
--------package-lock.json(17KB)
--------snowpack.config.js(605B)
--------src()
--------README.md(823B)
----container-app()
--------package.json(390B)
--------index.jsx(480B)
--------index.html(437B)
--------package-lock.json(81KB)
--------snowpack.config.js(513B)
--------src()
--------README.md(823B)
--------index.css(65B)
----package-lock.json(150KB)
----.gitignore(34B)
----start.js(684B)
----articles.json(40KB)
----README.md(2KB)
----.eslintignore(38B)