手把手带你实现简单的微前端qiankun搭建

手把手带你实现简单的微前端qiankun搭建

初始化项目创建子应用yarn create react-app qiankun-micro-app1 --template typescriptyarn create react-app qiankun-micro-app1 --template typescript创建基座yarn create ...

微前端使用qiankun实现,react主应用同时兼顾react,vue3,umi子应用

微前端使用qiankun实现,react主应用同时兼顾react,vue3,umi子应用

什么是微前端,应用场景,优点理解:我们可以简单理解为微前端是将一个项目拆分成多个模块,每个微前端模块可以由不同的团队进行管理,并可以自主选择框架,并且有自己的仓库,可以独立部署上线应用场景:1.当公司代码较老需要使用新的技术栈时我们可以使用微前端。2.多个团队同时开发时,...

网站性能前端监控课程

1 课时 |
136 人已学 |
免费

移动Web前端开发

115 课时 |
13090 人已学 |
免费

Ajax 前端开发入门与实战

52 课时 |
14362 人已学 |
免费
开发者课程背景图

微前端----qiankun

1.qiankun是什么?它解决了哪些问题?qiankun 是一个基于 single-spa 的微前端实现库,换句话说就是对single-spa进行了封装得到qiankun。​qiankun就是将一个大应用拆分成好多小项目,qiankun解决了我们协同开发的一些问题,其次更方便于我们进行更新代码 。...

微前端-qiankun:nuxt2 接入 nuxt2

微前端-qiankun:nuxt2 接入 nuxt2

一、背景主应用:nuxt2、webpack子应用:nuxt2、webpack二、代码-配置主应用2.1、安装yarn add qiankun2.2、/plugins/qiankun.jsexport default async ({ store }) => { await store.disp...

微前端-qiankun:vue3-vite 接入 vue3-vite

微前端-qiankun:vue3-vite 接入 vue3-vite

一、背景主应用:vue3、vite主项目接入qiankun子应用:vue3、webpack二、代码-接入子应用2.1、安装vite-plugin-qiankun(qiankun官方不支持vite)需要安装插件pnpm add vite-plugin-qiankun2.2、vite.config.ts...

微前端-qiankun:vue3-vite 接入 vue3-webpack

微前端-qiankun:vue3-vite 接入 vue3-webpack

一、背景主应用:vue3、vite主项目接入qiankun子应用:vue3、webpack二、代码-接入子应用2.1、src/public-path.jsif (window.__POWERED_BY_QIANKUN__) { __webpack_public_path__ = window.__I...

微前端-qiankun:vue3-vite 接入 vue3、nuxt3、vue2、nuxt2等子应用

一、了解qiankun.jsqiankun - qiankun1.1、简单,任意 js 框架均可使用。微应用接入像使用接入一个 iframe 系统一样简单,但实际不是 iframe。1.2、完备,几乎包含所有构建微前端系统时所需要的基本能力,如 样式隔离、js 沙箱、预加载等。解耦,与技术无关。1....

前端架构成长之路——微前端系列(二)之qiankun框架实战

背景之前有写过专门一篇关于微前端架构的基础知识——《前端架构成长之路——微前端架构理论篇》,但是里面主要讲几个点:微前端是什么,具体能做些什么微前端的一些主流框架微前端拆分项目的一些原则那么其实对于微前端应用还是有些不太清楚,下面就用微前端架构去对某个古老项目进行框架升级,这其实也是微前端架构主要特...

微前端热度不再?qiankun 作者有话说

微前端热度不再?qiankun 作者有话说

🙋🏻‍♀️编编拎重点:什么场景适合微前端,如何判断开展微前端的最佳时机?如何拆分业务最高效?微前端是否势头已过,它又将如何发展呢?本文是蚂蚁集团前端工程师刘奎的专访内容,一起来看看他的微前端实践和思考吧~作者 |贾亚宁嘉宾 |刘奎近年来随着...

微前端之qiankun 介绍和简单使用

微前端之qiankun 介绍和简单使用

1. 介绍qiankun 是蚂蚁金服基于 Single SPA 开发的一个微前端实现库,简化了微应用的注册方式,增加了微应用的沙箱管理(js、css隔离)与全局状态共享机制,并且 qiankun 内部实现了一个解析 html 字符串获取静态资源地址的解析库 import-html-entry,方便微...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1501+人已加入
加入
相关电子书
更多
智能前端技术与实践
2022 前端技术趋势解读
万物互联语音交互从端开始——前端处理从技术到商业
立即下载 立即下载 立即下载

前端更多qiankun相关