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

1. 复用别的的项目页面 如果我们的项目需要开发某个新的功能，而这个功能另一个项目已经开发好，我们想直接复用时。PS：我们需要的只是别人项目的这个功能页面的内容部分，不需要别人项目的顶部导航和菜单。 一个比较笨的办法就是直接把别人项目这个页面的代码拷贝过来，但是万一别人不是 v…

所以只好重新整理下，纪录一些踩过的坑和调研，希望能对大家有所帮助。本文内容基于 qiankun 的 2.x 版本。 有一些问题是自己发现并解决的，有一些是在 qiankun 的仓库 issue 区看到的。对于这些问题，我尽可能的讲清楚产生原因及解决思路和方法。 内联 js 的内…

微前端是每一位高级前端工程师都应该了解的解决方案。笔者将理论、应用与实践相结合，将开发与生产相结合，旨在减少小伙伴儿们采坑微前端遇到的困难。 强烈推荐未实践过的同学跟着本文的Demo动手写一遍，以加深理解和记忆。 近几年，前端技术飞速发展，达到了前所未有的繁荣景象，前端生态生机…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属微前端群，赢在新的起跑线。 大家好，我是来自淘宝前端团队的鲲尘，在淘宝主要负责淘系中后台架构体系的建设。我今天主要跟大家分享的主题是《如何在大型应用架构中设计微前端方案》。 1.首…

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

微前端是一种利用微件拆分来达到工程拆分治理的方案，可以解决工程膨胀、开发维护困难等问题。随着前端业务场景越来越复杂，微前端这个概念最近被提起得越来越多，业界也有很多团队开始探索实践并在业务中进行了落地。可以看到，很多团队也遇到了各种各样的问题，但各自也都有着不同的处理方案。诚然…

在前端，往往由一个前端团队创建并维护一个 Web 应用程序，使用 REST API 从后端服务获取数据。这种方式如果做得好的话，它能够提供优秀的用户体验。但主要的缺点是单页面应用（SPA）不能很好地扩展和部署。中后台应用由于其应用生命周期长 (动辄 3+ 年) ，由于参与的人员…

微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立运行、独立开发、独立部署。 Dynamic vs. static ui composition Microservice…