@umijs/plugin-qiankun Examples Features Usage 主应用 构建期 运行时 1. src/app.js 里配置 2. 添加子应用路由 2.1 主应用新建 pages/subAppContainer.js 2.2 新建 pages/subAppContainer.js 配置列表 App 子应用 环境...

介绍 什么是微前端 qiankun 的核心设计理念 它是如何工作的 为什么不是 iframe 特性 介绍 qiankun 是一个基于 single-spa 的微前端 实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨...

API 说明 基于路由配置 registerMicroApps(apps, lifeCycles?) start(opts?) setDefaultMountApp(appLink) runAfterFirstMounted(effect) 手动加载微应用 loadMicroApp(app, configuration?) prefetch...

快速上手 主应用 1. 安装 qiankun 2. 在主应用中注册子应用 子应用 1. 导出相应的生命周期钩子 2. 配置子应用的打包工具 webpack: 快速上手 主应用 1. 安装 qiankun $ yarn add qiankun # 或者 npm i qiankun -S 2. 在主应用中注册子应用 import...

API 说明 registerMicroApps(apps, lifeCycles?, opts?) start(opts?) setDefaultMountApp(appLink) runAfterFirstMounted(effect) addGlobalUncaughtErrorHandler(handler) removeG...

常见问题 Application died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in xxx entry 为什么子应用加载的资源会 404？ a. 使用 webpack 运行时 publicPath 配置 b. 使用 webpack 静态...

快速上手 主应用 1. 安装 qiankun 2. 在主应用中注册微应用 微应用 1. 导出相应的生命周期钩子 2. 配置微应用的打包工具 webpack: 快速上手 主应用 1. 安装 qiankun $ yarn add qiankun # 或者 npm i qiankun -S 2. 在主应用中注册微应用 import...

介绍 什么是微前端 qiankun 的核心设计理念 它是如何工作的 为什么不是 iframe 特性 介绍 qiankun 是一个基于 single-spa 的微前端 实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 qiankun 孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台，在经过一批线上应用的充分检验及打磨...

常见问题 Application died in status LOADING_SOURCE_CODE: You need to export the functional lifecycles in xxx entry Application died in status NOT_MOUNTED: Target container with #cont...

项目实践 主应用 微应用 React 微应用 Vue 微应用 Angular 微应用 非 webpack 构建的微应用 umi-qiankun 项目 项目实践 本教程适合刚接触 qiankun 的新人，介绍了如何从 0 构建一个 qiankun 项目。 主应用 主应用不限技术栈，只需要提供一个容器 DOM，然后注册微应用并 sta...