简介: 本文是对qiankun微服务的简单探索,只是尝试了基于qiankun架构接入最简单的应用场景,并记录了这个过程中遇到的问题,和一些简单的理解。文章有点长,但是并不复杂,放了很多截图。 qiankun官网地址: https://qiankun.umijs.org/zh ...
关注公众号: 微信搜索 前端工具人 收货更多的干货 原文链接: 自己掘金文章 https: juejin.cn editor drafts vite 已经大火了, 自从用上了就停不下来 但碍于 vite 初来乍到, 生态不够成熟, 有些功能还是比较尴尬的,比如微前端 qiankun 微前端搭建详细步骤及常见问题,可参考之前文章 https: juejin.cn post 以下源码也已上传至 git ...
2022-03-24 09:10 0 3889 推荐指数:
简介: 本文是对qiankun微服务的简单探索,只是尝试了基于qiankun架构接入最简单的应用场景,并记录了这个过程中遇到的问题,和一些简单的理解。文章有点长,但是并不复杂,放了很多截图。 qiankun官网地址: https://qiankun.umijs.org/zh ...
微前端项目在本地开发完成后,接下来就需要考虑如何部署上线。主应用和微应用都应该是独立开发和部署的,属于不同的仓库。 一、 部署在同一服务器 如果服务器数量有限,或不能跨域等原因需要把主应用和微应用部署在一起。 通常的做法是主应用部署在一级目录,微应用部署在二/三级目录。 1.1 微应用改造 ...
一、概念 之前的一篇文章基于qiankun从零搭建了一套微前端项目,主应用是vue,微应用包括vue、react。内部页面比较单一需要根据实际业务添砖加瓦,每个微应用应该是严格按照业务进行拆分的,但是在实际项目开发过程中,主应用、微应用之间能相互通信是基本的需求。 目前有关微前端通信的方案无非 ...
qiankun的相关学习地址: 1.【官方文档地址】 https://qiankun.umijs.org/zh/guide 2.【GitHub地址】 https://github.com/umijs/qiankun 3.【快速在qiankun基础上搭建的使用demo ...
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 一、什么是微前端 “微前端”一词最早在2016年提出,它将后端微服务的概念扩展到前端世界。简单来说,就是将大型的wen渐进式项目拆分成一个个小型工程,即微应用。每个微应用都能独立开发、部署、运行 ...
Vite2 按需引入 Ant Design Vue 与 element-plus 还有 vant UI框架 这两个文档内按需引入这块,看不太懂于是在github issues上找了一下 目前为止比较好的解决办法,推荐第一种 第一种 注意⚠️有个问题:如果不引入所有组件的css ...
vue3.0+vite2配置 ...
示例代码: github.com/fengxianqi/…。 在线demo:qiankun.fengxianqi.com/ 单独访问在线子应用: subapp/sub-vue subapp/sub-react 为什么要用qiankun ...