Vue怎么实现微前端

1、一个VUE项目随着需求的增加、模块越来越多,例如模块有商城、收银台、购物车、理财、旅游、门户、个人、etc…导致项目构建后的体积太大,优化过但不解决根本问题。
2、想分离模块、希望做到模块可以单独打包发布、同时不会影响其他模块。
3、预想的框架结构是:基本模块(公用的东西),模块A,模块B,模块C,…

有大神有类似案例或者提供一些思路么

吗萨嘎-ten byte

使用按需加载进行处理

一般的按需加载 是根据路由去异步加载组件,这样你有几个路由就会打包出几个 chunk 块。这样就不太符合你的需求。因此要做一些特殊处理

1、将我们的组件都通过路由去异步加载
2、以顶级路由作为一个模块定义 对应的 chunk 名
3、对应路由下的组件全部打包到对应的 chunk 快下

() => import(/* webpackChunkName: "group-foo" */ './Foo.vue')

注释中的内容就是指定 这个组件打包到哪个chunk块中

请问找到解决方法了吗?

封装了一个 qiankun 框架的 vue-cli 插件,一行命令即可接入微前端 DEMO

差不多也是有同样想法,大体就是瘦基座一个main.js 加上你说的模块A 、模块B懒加载地址