文件名称:webpack-mfe:示例 webpack@5 MicroFrontend 项目
文件大小:92KB
文件格式:ZIP
更新时间:2024-08-24 11:03:17
JavaScript
Webpack5 MFE 查看 webpack5 MFE 支持的简短实验。 概述 我们有四个“独立”的应用程序,其中包含我们在纱线工作区中模拟的共享组件和库。 实际上,这些可以被视为每个独立的存储库和应用程序。 为简单起见,所有应用程序本质上都包含相同的内容和导航栏,但不同之处在于它们从自己的应用程序本地获取代码,并通过模块联合在其他地方使用共享代码。 对于简单的浏览,导航到这是主页应用程序。 查看导航栏,您可以看到一个HOME (3001)标题,表明您位于端口 3001 上的主页应用程序服务器中。在菜单的下方,您会看到一个PAGES标题,其中包含以下选项: Homepage : 最喜欢的项目链接 Items :随机选择的物品 Item (Cat) : 一只特定的猫 以上所有内容都在 3001 主页应用服务器中提供(尽管相关的其他应用程序提供代码)。 点击任何东西少了点历史按压状态
【文件预览】:
webpack-mfe-main
----.eslintrc(137B)
----package.json(1KB)
----.github()
--------workflows()
----.gitignore(123B)
----webpack.config.js(2KB)
----serve.json(204B)
----public()
--------index.html(1KB)
----README.md(4KB)
----yarn.lock(148KB)
----.eslintignore(39B)
----scripts()
--------deploy()
----packages()
--------homepage()
--------cart()
--------shared()
--------item()
--------checkout()