从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   配置路由

总结

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