使用 qiankun 集成 react18+vite 项目

基座项目

基座项目可见qiankun 示例

子应用改造

vite 本身不支持 qiankun，需要安装 vite-plugin-qiankun

pnpm install vite-plugin-qiankun

使用 qiankun 集成 vue2+vite 项目

基座项目

基座项目可见qiankun 示例

子应用改造

vite 本身不支持 qiankun，需要安装 vite-plugin-qiankun

pnpm install vite-plugin-qiankun

使用 qiankun 集成 vue3+vite 项目

基座项目

基座项目可见qiankun 示例

子应用改造

vite 本身不支持 qiankun，需要安装 vite-plugin-qiankun

pnpm install vite-plugin-qiankun

项目地址

qiankun-template

搭建基座项目

在命令行中运行以下命令

pnpm create vue@latest

vite 对 TypeScript 的支持

创建 vite 项目

使用命令行创建使用 js 的 vite 项目

pnpm create vite

single-spa 原理

vite 原理

详见

vite+vue 作为基座引入 vite+react 开发环境报错

问题描述

在使用 vite+vue 作为基座项目时，引入 vite+react 子项目是会出现报错： Uncaught Error: @vitejs/plugin-react can't detect preamble. Something is wrong. See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201

项目地址

single-spa-template

搭建基座项目

在命令行中运行以下命令

pnpm create vue@latest