项目简介
本项目借助Vite框架的快速开发特性与乾坤(qiankun)的微前端架构,实现了微应用的快速开发与部署,旨在提供一种高效、灵活的微应用管理与部署方式。
项目的主要特性和功能
- 利用Vite的ES模块构建优势,实现快速开发与构建。
- 通过乾坤(qiankun)实现微应用的加载与隔离,支持多个微应用在同一主应用中运行。
- 以插件形式一键配置乾坤相关配置,不影响原有Vite配置。
- 支持在Vite开发环境下作为子应用调试,可通过热更新插件进行热更新。
- 微应用中提供挂载(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开发环境,进行微应用的开发和调试。
注意事项
- 使用乾坤沙盒时,尽量避免直接操作
window
对象,建议使用乾坤提供的沙盒对象操作,防止对其他子应用产生副作用。 - 开发环境下作为子应用调试时,需注意与热更新插件的冲突问题,可通过切换
useDevMode
变量的值来启用或禁用热更新插件。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】