什么是微前端:微前端 是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同时,它们也可以在共享组件的同时进行并行开发——这些组件可以通过 NPM 或者 Git Tag、Git Submodule 来管理。
乾坤内部原理:https://blog.csdn.net/lunahaijiao/article/details/108114345
实现的效果:一个主工程,一个子工程(独立开发,独立部署),主工程挂载子工程。
主工程首页:
子工程独立启动的首页:
主工程访问/vue路由(在里面配置了访问这个路由则加载子工程)
完整代码:https://gitee.com/xiangjiaodaka/de-m
npm i 后就npm run server 然后就可以去看效果了。里面详细的就不说了。可以自己配合工程以及搭配上面的乾坤原理连接看。有不懂的可以互相交流下
总结:微前端能很好的对于各个模块进行解耦。独立开发独立部署。每个人或者每个团队单独维护各个模块。好处多多,其他更详细的使用等后面有空的时候再去看