微前端是一种类似于微服务的架构,应用于浏览器端,将单页面前端应用分解为多个小型应用,实现独立开发、部署,并在共享组件下并行开发。
理解微前端就像理解操作系统运行多个app,每个app独立,又能脱离操作系统独立运行。
选择qiankun.js是因为它在目前市面上表现卓越,基于single-spa,却更为简单且功能强大。
在vue2项目中落地微前端服务架构,我经历了项目调整与学习过程。起初,项目使用nuxt.js,后转用vue-cli以适应qiankun.js。
最初接触qiankun.js,面对官方文档一脸迷茫,后来通过公开课了解其原理并搭建项目,理解变得清晰。新概念、技术,深入学习并不难。
在主应用(基座)创建应用,下载qiankun.js。配置main.js、App.vue等关键文件,子应用同样配置main.js、router.js、vue.config.js等,至此完成微服务应用搭建。
文章发布于:http://home.zhanghaoran.ren:8068
,代码开源于:github.com/Slowhalfframe...
如需联系,可发送邮件至:maito:manbanzhen@qq.com