文章背景： 由于一些项目需要，我们本地用vite的时候，需要本地启动https服务来进行开发或者验证问题。

single-spa是一个开源的微前端框架，qiankun是基于single-spa开发的框架。这里记录了一些在不同的项目实践中遇到的一些坑和解决方法。

使用 qiankun 微前端框架加载的子应用中使用了 element-ui 框架，icon 图标不显示的问题（单独打开应用 icon 显示没问题，在 qiankun 中打开不显示）

微前端介绍 不同于单纯的前端框架/工具，微前端是一套架构体系，这个概念最早在2016年底由 ThoughtWorks 提出。 微前端是一种类似于后端微服务的架构，它将微服务的理念应用于浏览器端，将 W

因为element-ui和element-plus前缀相同、命名规则相同，但内部html结构发生变化，从而导致子应用element-plus的样式会被污染。

原因 最近公司由于一个奇怪的需求，需要将一个项目嵌入到另一个项目中，其中一个项目是react的，另一个则是vue的，最开始我的提议是将项目重构到系统，但是这样会产生非常严重的问题，一方面是本来运行就慢

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

本项目采用 vue + qiankun 实践微前端落地。 同时qiankun是一个开放式微前端架构，支持当前三大前端框架甚至jq等其他项目无缝接入。 实际项目应用可不要如此粗暴，要有优雅的架构设计。 微前端是什么、为什么要做微前端、qiankun是什么这些笔者将不再叙述。（文末…

qiankun 微前端实践及常见问题总结；与技术栈无关、独立开发、独立部署、增量升级、独立运行；`拆分、细化、解耦`你的巨无霸项目； 提升开发及打包部署效率；