微前端是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用。本文对微前端的原理和实践进行了详细的描述，并预告Modern.js即将开源～

a. registerMicroApps服务注册 b. start主应用启动 c. setDefaultMountApp设置默认应用 d. runAfterFirstMounted 第一个微应用 mount 后需要调用的方法，比如开启一些监控或者埋点脚本。 a. publicP…

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端 是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将单页面前端应用由单一的单体应用转变为多个小…

原项目中是使用iframe嵌入不同的微应用，iframe虽然有挺多坑，但是用着其实还算顺手，萌发想换qiankun是因为Chrome80后的版本会出现跨站不发送Cookies的问题，本想尝试qiankun看看能不能解决这个问题的同时，也能在实际项目中测试实践微前端,但是Cook…

1、需要全局安装 1 个包：express。 2、运行项目之前，先运行后端服务: node server.js or npm run server. 这样配置基本可以，但是main-vue + sub-umi项目却还是有问题，就是刷新浏览器之后，还是会报错。 main-umi …

最近看到公司UED群里有小伙伴聊起了微前端qiankun，我也抱着好奇心入坑了。 微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略，下面这张图来了解下。 qiankun 蚂蚁金服基于single-spa 的微前端解决方案，生产可用。 …

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文是基于 qiankun 的微前端最佳实践系列文章之 从 0 到 1 篇，本文将分享如何使用 qiankun 如何搭建主应用基座，然后接入不同技术栈的微应用，完成微前端架构的从 0 到 1。 本教程采用 Vue 作为主…

基于 vue3.0-beta 及 qiankun2.0 极速尝鲜！微前端进阶实战项目。 微前端实战详细入门教程及解放方案请转至我另一篇文章：微前端实战看这篇就够了 - Vue项目篇。 注意：如果下载报错，报 bin/sh 找不到start命令，那你可能是mac or linux…

最近在做微前端的项目 , 过程中真是踩了不少坑 , 在有限的资料中不断试错 , 默默无语两行泪 哈哈. 在此次将采坑部分都记录下来, 让更多的人少走点弯路 , 此项目使用 蚂蚁金服qiankun 为基础作为开发 . 话不多说 开讲 !!! qiankun 是一个基于 singl…