Vite 微前端集成：Module Federation、qiankun 与 import maps

Mon, 28 Sep 2026 10:00:00 +0800

引言

多个团队各自独立开发、独立部署，再组合成一个完整应用——微前端解决的是"组织分工"而非"技术炫技"。Vite 的原生 ESM 架构让微前端比 webpack 时代更顺滑：不需要运行时打包器，可以直接共享模块。本文从诉求出发，讲清三种主流方案的取舍（Module Federation、qiankun、import maps），给出 Vite + Module Federation 的完整配置，再讲 qiankun 与 Vite 的兼容坑（这是 Vite 微前端最常踩的点），接着讲样式/路由隔离与共享依赖的版本策略，最后给构建与部署的最佳实践。

Import Maps on PlumePHP

Vite 微前端集成：Module Federation、qiankun 与 import maps

引言