qiankun vite 打包

如果你想使用 Vite 和 qiankun 打包应用程序，可以按照以下步骤进行操作：

1. 首先，在你的 Vite 项目中安装 qiankun：

npm install qiankun

或者

yarn add qiankun

2. 接下来，在你的 Vite 项目中创建一个 `src/micro-apps` 目录，并在其中创建一个或多个微应用的目录。每个微应用都应该是一个独立的 Vue 3 项目。

3. 在每个微应用的目录中，可以按照之前提到的方式使用 Vite 创建并开发各自的 Vue 3 应用程序。

4. 在主应用程序的入口文件（通常是 `src/main.ts`）中，使用 `registerMicroApps` 方法注册每个微应用：

import { createApp } from 'vue';
import { registerMicroApps, start } from 'qiankun';

const microApps = [
  {
    name: 'app1',
    entry: '//localhost:3001',
    container: '#app-container',
    activeRule: '/app1',
  },
  // 可以添加更多的微应用
];

registerMicroApps(microApps);

start();

createApp(App).mount('#app');

这里的 `microApps` 数组包含了每个微应用的配置，包括名称、入口地址、容器选择器和激活规则。

5. 运行以下命令来构建主应用程序：

npm run build

或者

yarn build

这将生成一个用于生产环境的打包文件。

6. 在打包完成后，你可以将生成的文件部署到服务器上，然后访问主应用程序的入口页面。

这样，你就可以使用 Vite 和 qiankun 打包和部署微前端应用程序了。希望对你有所帮助！