从0开始使用微前端(qiankun)

前言

上次分享了vue架构项目,这次分享一下使用乾坤(qiankun)来架构前端项目,我这边架构只能符合我的业务需求,不过基本都是这样,缝缝补补就可以了。

规划你的页面架构是怎么样的...然后进行拆分,微前端这块不在意你是用vue还是react或者单纯html。

开始

我这边是使用 原生的html进行作为主应用vue、react(umi)作为微应用

主应用

微应用(vue)

 微应用(react)

 

vue搭建项目注意点

  1. vue使用的时候public-path.js文件要加入/* eslint-disable */
  2. vue使用的时候main.js文件路由配置base设置成 /
  3. vue使用的时候路由配置/vue/xxx   配置路由

总结

其实也没啥好讲的,都非常简单,看官网文档即可。该项目传送门

猜你喜欢

转载自blog.csdn.net/echo_Ae/article/details/123575663