微前端技术方案--技术验证(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)

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com