router-view 微前端:用一个主应用来加载多个子应用,这些子应用对应项目中不同模块。 父应用加载子应用: single-spa缺点:
- 不能动态加载js文件
- 不能隔离样式 single-spa-vue
- 将子应用挂载到主应用中
- 把子应用打包成lib
- 在主应用中注入子应用
####样式隔离: #####子应用之间 动态样式表:应用切换时,移除老应用的样式,加入新应用的样式 #####主应用与子应用
- BEM约定项目前缀
- css-modules打包生成不同的选择器名
- shadow dom真正意义上的隔离(attachShadow方法)
####js隔离 js沙箱:应用切换后不会影响全局
-
快照沙箱:对比切换前后的差别,把区别保存起来,切换回去的时候,回到切换前,再次切换,加上区别就好了
-
代理沙箱:实现多应用沙箱,不同的子应用用不同的代理处理
qiankun : 基于singlespa做了封装