最近遇到一个非常典型的前端兼容问题：产品要求将官网底部 footer 组件统一成公司平台的公共组件。查阅对接文档后发现，这个公共组件库是基于 Vue 2 开发的，而我们的项目已经升级到 Vue

今天就结合实战经验，聊聊 Vite+Vue3 生态下最主流的 5 种微前端方案，附代码示例和选型指南，看完直接抄作业～

本文详细介绍了基于 qiankun 的微前端架构搭建流程，涵盖主应用与 Vue2/Vue3 子应用配置、运行时 publicPath 处理、路由改造及生命周期管理；结合 pnpm monorepo

微前端的核心理念是将前端项目按照不同的功能按或者维度拆分为多个独立的子应用，通过主应用来加载这些子应用，微前端的核心在于 如何拆 和 拆完后如何合

Qiankun 提供了三种 CSS 隔离机制：动态样式隔离、影子DOM 沙箱和作用域沙箱，以实现主应用和子应用之间的样式隔离

Qiankun 目前提供三种 JS 隔离机制：SnapshotSandbox（快照沙箱）、LegacySandbox（单应用代理沙箱）和 ProxySandbox（多应用代理沙箱）