微前端技术方案--技术验证(qiankun & wujie)
发布网友
发布时间:2024-10-24 12:14
我来回答
共1个回答
热心网友
时间:2024-10-30 14:11
更新时间:2023年06月06日
在调研市面技术方案后,考虑到行业特点与老系统兼容需求,目标为兼容IE9,最终选定微前端方案,选择qiankun或wujie-micro作为实施对象。
选qiankun,考虑其官网指引快速上手,针对现有产品代码做微前端改造,旨在实际工作中验证项目赋能难度。
主、子应用均采用vue-cli4 + vue@2.6技术栈。
方案一:qiankun改造
在src/main.js中注册配置activeRule,对应子应用二级路由,以便根据URL变化加载不同模板。但实践中,发现调用时机不对,需排查具体原因。
方案二:wujie-micro
遵循官网指南与组件封装文档进行主应用改造。
子应用改造总结:
后续团队计划实施微前端改造,记录改造过程,供参考。
文章标题:微前端技术方案--技术验证(qiankun & wujie)