使用 qiankun 搭建微前端项目

前言：

创建主应用

此处使用 Vite 脚手架 和 Vue3 技术栈切入，可使用其它脚手架和技术栈（主应用不限技术栈）

yarn create vite

在主应用中安装qiankun

yarn add qiankun

在 src 文件中新建 qiankun.js，并写入：

import { registerMicroApps, start } from "qiankun";

// 注册微应用
registerMicroApps([
  {
    name: "reactApp", // 子应用名称
    entry: "//localhost:3000", // 子应用入口
    container: "#container", // 要将子应用放入的容器
    activeRule: "/app-react", // 子应用基础路由地址
  },
]);
// 启动 qiankun
start();