开始搭建该文档实用于从0开始搭建微前端利用，学习微前端的demo以后配置版本 {代码…} 一、配置基座利用（主利用）新建文件夹命名 mainAPP进入mianApp执行以下命令 {代码…} 注册qiankun，在.umirc.ts书写配置项 {代码…} 也能够新建/mainApp/config/config.ts中配置以上配置，具体拆散可参照umi文档[链接]二、配置子…

微前端是指存在于浏览器中的微服务，通常由许多组件组成，并应用相似于 React、Vue 和 Angular 等框架来渲染组件，每个微前端能够由不同的团队进行治理，并能够自主抉择框架。

前沿：前半年微前端火得一踏糊涂，刚好业务需要上有这样的利用场景，针对目前的微前端解决方案做了技术选型，qiankun作为蚂蚁金服外部孵化进去的微前端解决方案，通过线上利用充沛测验及打磨最初开源，最终抉择qiankun作为咱们云产品架构入口。不过官网文档上对于上线部署文档较少，很多童鞋也可能只是在本地玩玩，没有…

本文将解说微前端诞生的背景，具体讲解微前端概念的原因以及其深刻了解，读完本文，置信你对微前端有一个比拟全面的认知，明确它能够解决您团队以及整个企业什么问题，带来怎么样的收益。

LOOK 直播经营后盾工程是一个迭代了 2+ 年，累计超过 10+ 位开发者参加业务开发，页面数量多达 250+ 的“巨石利用”。代码量的宏大，带来了构建、部署的低效，此外该工程依赖外部的一套 Regularjs 技术栈也曾经实现了历史使命，相应的 UI 组件库、工程脚手架也被举荐停止使用，走向了少保护或者不保护的阶段。因而， LOOK …

最近负责的新我的项目用到了qiankun，写篇文章分享下实战中遇到的一些问题和思考。示例代码： [链接]。在线demo：[链接]独自拜访在线子利用：subapp/sub-vuesubapp/sub-react为什么要用qiankun我的项目有个性能需要是须要内嵌公司外部的一个现有工具，该工具是独立部署的且是用React写的，而咱们的我的项目次要技术选型是vue，因而需…

近期，GrowingIO 智能经营产品团队须要将站内触点等经营性能从 SaaS 平台移植到增长平台上，以反对私有化部署（On-Premise，简称 OP）计划在客户环境中的进行，以此为背景，GrowingIO 经营前端团队在微前端的实际上走了本人小小的一步。

个别状况下，咱们对利用进行配置打包，要对图片字体等资源进行上面配置，使得资源门路失常加载。然而，在微前端模式下，子利用打包部署后，往往会呈现子利用 css 文件外面引入资源门路加载失败的问题，上面就让咱们来探索一下。

因为主利用有本人的业务模块，须要反对页面刷新，所以采纳 hash 路由模式。qiankun 官网 demo 应用的是 history 路由模式。

上面是两种计划的简要形容。传统部署形式通过配置 nginx 端口到目录的转发。具体可查看上一篇文章特点须要对外开放子利用对应的端口，将编译好的利用文件放到对应的配置目录。docker 部署形式首先构建主利用与子利用的 docker 镜像，通过 docker run 或者 docker-compose 的形式启动容器。通过配置 nginx 转发规定，匹配…