公司后台管理项目越来越多,如何统一脚手架,如何同步更新升级脚手架代码?我身为菜鸡前端,不成熟开发规范技巧也导致这些问题越来越让人头疼
抛砖引玉
这里我整理了一下我的初步解决方案,希望大佬们看到不吝指教,给出更多更好的解决方案和思路。
使用微前端方案 qiankun
蚂蚁的微前端构架 qiankun
github地址: github.com/umijs/qiank…
参考项目
使用统一后台脚手架项目,比如ant design vue pro,在layout中创建创建 qiankunLayout,空白内容部分区域显示子程序。 参考项目: github.com/hql7/wl-mic… (感谢大神分享的项目)
看过参考项目后帮助我进一步了解了 qiankun(乾坤), 以下是参考项目内容
微前端主应用与子应用如何构建
主、子,各应用间动态通信(动态,各应用间实时监听,同步数据)
主应用资源下发至子应用
异步注册(主应用异步获取子应用注册表并将子应用对应的路由下发至子应用)
异步路由(使用应用间通信,通知子应用路由数据,子应用在内部 addRoutes 异步插入路由)
各应用间路由基础管理
公共资源处理
脚手架中加入 qiankun
主程序 组件qiankunLayout初始化乾坤后 判断用户所属子程序并加载子程序, 之后给子程序传入主程序中的组件、通用工具、用户信息等供子程序使用。
<a-layout-content
:style="{