安装@umijs/plugin-qiankun,并在.umirc.js/config的 plugin 中配置@umijs/plugin-qiankun 第一步:构建层配置 @umijs/plugin-qiankun子应用配置方式有以下两种(选取一种配置即可):slaveOptions 配置列表 子应用配置 exportdefault{base:`/${appName}`,// 子应用的 base,默认为 package.json 中的 name 字段p...
利用 umi-plugin-qiankun,开发者能在 umi 环境中构建微服务,基于 qiankun 运作机制,该插件通过注册子应用并启动微服务实现这一目标。注册子应用的方式有二:一种是利用 qiankun、umi 的运行机制,通过额外的插件调用 api.addRuntimePlugin 接口,实现运行时注册子应用与微服务启动。另一种方式涉及在编...
此外,umi-plugin-qiankun 支持使用 defer 配置异步渲染(子应用挂载在主应用渲染产生的节点上),这部分功能通过 api.writeTmpFile、api.addUmiExports 接口创建 qiankunDefer.js 临时文件实现。在启动微服务的流程中,umi-plugin-qiankun 首先会调用 render 脚本,然后(根据 defer 配置)等待 qiankunDefer 执行到 resolve...
umi-plugin-qiankun-temporary 的主要作用是帮助开发者更方便地将 Umi 应用集成到基于 qiankun 的微前端架构中。qiankun 是一个基于 single-spa 的微前端实现库,允许在同一个页面中集成和运行多个前端应用。该插件通过简化配置和提供必要的钩子,使得在 Umi 项目中注册和管理子应用变得更加容易。 2. 提供 umi-plug...
@umijs/plugin-qiankun子应用配置方式有以下两种(选取一种配置即可):slaveOptions 配置列表 子应用配置 exportdefault{base:`/${appName}`,// 子应用的 base,默认为 package.json 中的 name 字段plugins:['@umijs/plugin-qiankun',{slave:{...slaveOptions}}],}; ...
import{defineConfig}from'vite'importqiankunfrom'vite-plugin-qiankun-x'import{dynamicBase}from'vite-plugin-dynamic-base'exportdefaultdefineConfig({plugins:[qiankun('your-micro-app-name',{// correct the script srcurlTransform:(ori)=>ori.replace('/__dynamic_base__',''),}),dynamicBase({publicPat...
两个月前,我们正式发布了qiankun2.0,在经历了 15+ beta 版本及大量的内部打磨之后,今天我们将正式发布基于 qiankun2.0 的全新的@umijs/plugin-qiankun。 本次升级在插件层完全兼容@umijs/plugin-qiankun 之前的版本,所以只是做了 minor 版本的更新。
两个月前,我们正式发布了qiankun2.0,在经历了 15+ beta 版本及大量的内部打磨之后,今天我们将正式发布基于 qiankun2.0 的全新的@umijs/plugin-qiankun。 本次升级在插件层完全兼容@umijs/plugin-qiankun 之前的版本,所以只是做了 minor 版本的更新。
eslint-plugin-node eslint-plugin-promise npm-run-all rollup rollup-plugin-typescript2 typescript vite Install npm i@consolecore/vite-plugin-qiankun Repository github.com/Console-Core/vite-plugin-qiankun Version 1.0.0 Last publish 2 years ago ...
vue-cli-plugin-qiankun qiankun plugin for vue-cli 使用步骤 (Use setup) 创建主应用 (Create master project) $ vue create master $cdmaster $ vue add vue-cli-plugin-qiankun --typemaster 创建子应用 (Create slave project) $ vue create foo-app ...