基于Module Federation的模块化跨栈方案探索| 得物技术
出处:
mp.weixin.qq.com
作者:
天意
公司发展到一定程度,随着业务分支不断变多,B端C端的项目也随之增多,由于历史原因可能产生新老技术栈(vue/react)共存的情况,这既不利于组件物料的抽离统一(一类通用组件需适配多套技术栈),也增大了开发者跨项目开发的适应成本。因此技术栈收敛是提升前端平台体系开发效率重要的一环。 提到技术栈迁移,我们首先想到的是微前端方案,在隔离性上来说,微前端确实很好的方案,但是对于一些复杂核心模块,往往需要较长的周期迁移,并且伴随着该模块的不断迭代,使得整体项目的迁移进度逐步拉长。最终核心痛点可能还是没有完全解决。 基于以上的背景,我们需要解决两个问题: 更丝滑的技术栈迁移:不仅是新页面,旧有页面的需求也能用react开发,做到代码块级迁移。 跨技术栈开发:MF组件化开发,需要将react组件转化为vue组件以实现在同一界面嵌入react组件。