微前端

113 阅读1分钟

router-view 微前端:用一个主应用来加载多个子应用,这些子应用对应项目中不同模块。 父应用加载子应用: single-spa缺点:

  • 不能动态加载js文件
  • 不能隔离样式 single-spa-vue
  1. 将子应用挂载到主应用中
  2. 把子应用打包成lib
  3. 在主应用中注入子应用

####样式隔离: #####子应用之间 动态样式表:应用切换时,移除老应用的样式,加入新应用的样式 #####主应用与子应用

  • BEM约定项目前缀
  • css-modules打包生成不同的选择器名
  • shadow dom真正意义上的隔离(attachShadow方法)

####js隔离 js沙箱:应用切换后不会影响全局

  • 快照沙箱:对比切换前后的差别,把区别保存起来,切换回去的时候,回到切换前,再次切换,加上区别就好了

  • 代理沙箱:实现多应用沙箱,不同的子应用用不同的代理处理

qiankun : 基于singlespa做了封装