从 hybrid开发----》微前端
创始人
2025-05-30 12:54:28
0次
为什么开始写关于微前端的一系列博客？
1. 学生时代讨论关于hybrid APP的应用开发，历史的选择总是变化的，需要更进一步深入。
2. 之前工作项目中见到过沙箱隔离之后CSS冲突，需要学一下如何解决
----------------------------- start ----------------------------------
通过webpack将react应用打包为systemjs模块，在通过systemjs在浏览器中加载模块
在微前端架构中，微应用被打包为模块，但浏览器不支持模块化，需要使用 systemjs 实现浏览器中的模块化。
systemjs 是一个用于实现模块化的 JavaScript 库，有属于自己的模块化规范。
在开发阶段我们可以使用 ES 模块规范，然后使用 webpack 将其转换为 systemjs 支持的模块。
案例：**通过 webpack 将 react 应用打包为 systemjs 模块，再通过 systemjs 在浏览器中加载模块。
可用的资料
https://www.cnblogs.com/tangxing/p/7223456.html
在基座页面下，加载子应用 用System.import 来导入 子应用。
LOOK！ 就像工作中使用的微前端！
明天继续。。。
附：关于qiankun的入门
【微前端】10分钟学会乾坤大挪移 - 掘金
相关内容
热门资讯
AWSECS：访问外部网络时出...
如果您在AWS ECS中部署了应用程序，并且该应用程序需要访问外部网络，但是无法正常访问，可能是因为...
AWSElasticBeans...
在Dockerfile中手动配置nginx反向代理。例如，在Dockerfile中添加以下代码：FR...
银河麒麟V10SP1高级服务器...
银河麒麟高级服务器操作系统简介： 银河麒麟高级服务器操作系统V10是针对企业级关键业务...
北信源内网安全管理卸载
北信源内网安全管理是一款网络安全管理软件，主要用于保护内网安全。在日常使用过程中，卸载该软件是一种常...
AWR报告解读
WORKLOAD REPOSITORY PDB report (PDB snapshots) AW...
AWS管理控制台菜单和权限
要在AWS管理控制台中创建菜单和权限，您可以使用AWS Identity and Access Ma...
ToDesk 远程工具安装及...
目录 前言 ToDesk 优势 ToDesk 下载安装 ToDesk 功能展示 文件传输 设备链接 ...
群晖外网访问终极解决方法：IP...
写在前面的话 受够了群晖的quickconnet的小水管了，急需一个新的解决方法&#x...
不能访问光猫的的管理页面
光猫是现代家庭宽带网络的重要组成部分，它可以提供高速稳定的网络连接。但是，有时候我们会遇到不能访问光...
Azure构建流程（Power...
这可能是由于配置错误导致的问题。请检查构建流程任务中的“发布构建制品”步骤，确保正确配置了“Arti...