0%

使用qiankun搭建微前端项目

使用 qiankun 搭建微前端项目

前言:

创建主应用

此处使用 Vite 脚手架 和 Vue3 技术栈切入,可使用其它脚手架和技术栈(主应用不限技术栈)

1
yarn create vite

在主应用中安装qiankun

1
yarn add qiankun

在 src 文件中新建 qiankun.js,并写入:

1
2
3
4
5
6
7
8
9
10
11
12
13
import { registerMicroApps, start } from "qiankun";

// 注册微应用
registerMicroApps([
{
name: "reactApp", // 子应用名称
entry: "//localhost:3000", // 子应用入口
container: "#container", // 要将子应用放入的容器
activeRule: "/app-react", // 子应用基础路由地址
},
]);
// 启动 qiankun
start();
-------------本文结束,感谢您的阅读-------------
最近打算存点钱,吃点高端的像沙县小吃这样的餐厅