icestark文档 https://micro-frontends.ice.work/docs/guide
Github https://github.com/ice-lab/icestark

https://www.bookstack.cn/read/icestark/4a37be7cd484b459.md
面向大型工作台的微前端解决方案 icestark https://zhuanlan.zhihu.com/p/88449415
微前端方案 icestark 的现在与未来 https://zhuanlan.zhihu.com/p/101164985
https://zhuanlan.zhihu.com/p/385713207
https://www.jianshu.com/p/c8f68f08f43f

知乎专栏 https://zhuanlan.zhihu.com/alibabafe
个人发展：微前端，BFF， 架构的 学一下

自研微前端框架

  1. 高度定制化，满足兼容的场景
  2. 独立的通信机制和沙箱运行环境，解决应用之间相互影响问题
    1. css
    2. js
  3. 支持不同的技术栈，子应用；实现页面无刷新渲染

自研框架缺点

  • 技术实现难度高
  • 需要定制一套通信机制
  • 首次加载，会出现资源加载太多，渲染慢

自研框架的特点

  1. 路由分发渲染子应用
  2. 主应用控制路由匹配，和子应用加载模式；共享全局的依赖
  3. 子应用做功能，并接入主应用实现联动和控制

config

  1. [
  2.   {
  3.     basename: "react",
  4.     exact: true,
  5.     path: "/react",
  6.     rootId: "react",
  7.     url: [
  8.       "//cdn.bootcdn.net/ajax/libs/react/17.0.1/index.js", 
  9.       "//cdn.bootcdn.net/ajax/libs/react/17.0.1/index.css"
  10.     ],
  11.   },
  12.   {
  13.     basename: "vue",
  14.     exact: true,
  15.     path: "/vue",
  16.     rootId: "vue",
  17.     url: [
  18.       "//cdn.bootcdn.net/ajax/libs/vue/17.0.1/index.js", 
  19.       "//cdn.bootcdn.net/ajax/libs/vue/17.0.1/index.css"
  20.     ],
  21.   }
  22. ]
  1. @ice/stark-app
  2. import pkg from '../package';
  3. export const basename = pkg.name;
  1. 'react': {
  2.   'title': 'react',
  3.   'id': 'react',
  4.   'oauth': 1,
  5.   'sso': {},
  6.   'lincence': {},
  7.   'key': 'react'
  8.   'host': {
  9.     'dev': 'https://dev.react.com/',
  10.     'pre': 'https://pre.react.com/',
  11.     'prod': 'https://www.react.com/',
  12.   },
  13. },
  14. 'vue': {
  15.   'title': 'vue',
  16.   'id': 'vue',
  17.   'oauth': 1,
  18.   'sso': {},
  19.   'lincence': {},
  20.   'key': 'vue'
  21.   'host': {
  22.     'dev': 'https://dev.vue.com/',
  23.     'pre': 'https://pre.vue.com/',
  24.     'prod': 'https://www.vue.com/',
  25.   },
  26. },

ice-stark错误

https://github.com/alibaba/ice/issues/3689