微前端接入注意事项
初衷:
拆分巨石应用
但我们公司是把子应用合成一个应用
原理:
通过路由加载不同子应用的bundle.
特点:
子系统有同一套鉴权系统
节点不能是动态生成的 否则无法挂载
注意点:
内存污染 爆栈
iframe方式存在的问题
iframe
最大的特性就是提供了浏览器原生的硬隔离方案,不论是样式隔离、js
隔离这类问题统统都能被完美解决。但他的最大问题也在于他的隔离性无
法被突破,导致应用间上下文无法被共享,随之带来的开发体验、产品体
验的问题。
1. url 不同步。浏览器刷新 iframe url 状态丢失、后退前进按钮无法使用。
2. UI 不同步,DOM 结构不共享。想象一下屏幕右下角 1/4 的 iframe
里来一个带遮罩层的弹框,同时我们要求这个弹框要浏览器居中显示,还
要浏览器 resize 时自动居中..