推荐使用：vite-plugin-qiankun - 无缝集成乾坤，打造微前端新体验！

推荐使用：vite-plugin-qiankun - 无缝集成乾坤，打造微前端新体验！

项目地址:https://gitcode.com/tengmaoqing/vite-plugin-qiankun

1、项目介绍

vite-plugin-qiankun 是一个专为开发者设计的Vite插件，旨在帮助你的应用轻松快捷地接入腾讯的乾坤（Qiankun）微前端框架。保留了Vite的ES模块构建优势，只需简单配置，无需复杂的改动，即可让你的Vite项目兼容乾坤，享受微前端架构带来的灵活性和可扩展性。

2、项目技术分析

该插件的核心在于其简洁的API设计和对Vite构建流程的优化。通过在vite.config.ts中添加插件，它可以自动处理乾坤的生命周期方法，并且能够与Vite的开发环境无缝对接。在生产环境中，你可以指定运行域名作为基础URL，确保子应用的正常加载。此外，针对开发模式下可能存在的热更新冲突，提供了useDevMode开关来灵活选择是否启用热更新。

3、项目及技术应用场景

• 多应用聚合平台：如果你正在构建一个集成了多个独立前端应用的大型平台，vite-plugin-qiankun和乾坤结合，可以帮助你优雅地管理这些子应用，提升整体性能和维护效率。
• 渐进式微前端：对于已有大单体应用想要逐步演进到微前端架构的企业，vite-plugin-qiankun允许你在不影响现有业务的情况下，逐步拆分并接入新的子应用。
• 敏捷开发和迭代：每个子应用都可以独立开发、测试和部署，提高了团队协作效率，加快产品迭代速度。

4、项目特点

• 一键配置：只需要一行代码，就可以将你的Vite应用转换为乾坤的子应用，极大地简化了集成过程。
• 兼容Vite开发环境：支持Vite的热更新和开发服务器，提供与生产环境一致的调试体验。
• 沙盒机制兼容：虽然由于ES模块加载的特性，应用未完全处于乾坤的js沙盒中，但提供了qiankunWindow辅助工具类，以安全地操作全局变量，避免影响其他子应用。

体验项目

想要亲身体验vite-plugin-qiankun的魅力？只需按照项目README中的指示克隆项目、安装依赖并启动示例，你就可以看到如何将Vite应用转化为乾坤下的微应用。

git clone xx
cd xx
npm install
npm run example:install
# 生产环境调试demo
npm run example:start
# vite开发环境demo
npm run example:start-vite-dev

现在就加入vite-plugin-qiankun的世界，让微前端开发更加得心应手！

项目地址:https://gitcode.com/tengmaoqing/vite-plugin-qiankun