littlebot
Published on 2025-04-15 / 2 Visits
0

【源码】基于Vite框架和乾坤(qiankun)的微应用管理系统

项目简介

本项目借助Vite框架的快速开发特性与乾坤(qiankun)的微前端架构,实现了微应用的快速开发与部署,旨在提供一种高效、灵活的微应用管理与部署方式。

项目的主要特性和功能

  1. 利用Vite的ES模块构建优势,实现快速开发与构建。
  2. 通过乾坤(qiankun)实现微应用的加载与隔离,支持多个微应用在同一主应用中运行。
  3. 以插件形式一键配置乾坤相关配置,不影响原有Vite配置。
  4. 支持在Vite开发环境下作为子应用调试,可通过热更新插件进行热更新。
  5. 微应用中提供挂载(mount)、启动(bootstrap)和卸载(unmount)等生命周期钩子,便于微应用管理与状态管理。

安装使用步骤

假设用户已经下载了本项目的源码文件,可按以下步骤操作: 1. 安装依赖:使用npm install命令安装项目依赖。 2. 运行示例安装命令:通过npm run example:install命令安装示例依赖。 3. 启动生产环境调试:使用npm run example:start命令启动生产环境调试。 4. 启动Vite开发环境:使用npm run example:start-vite-dev命令启动Vite开发环境,进行微应用的开发和调试。

注意事项

  1. 使用乾坤沙盒时,尽量避免直接操作window对象,建议使用乾坤提供的沙盒对象操作,防止对其他子应用产生副作用。
  2. 开发环境下作为子应用调试时,需注意与热更新插件的冲突问题,可通过切换useDevMode变量的值来启用或禁用热更新插件。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】