qiankun createContainer 如何使用
时间: 2024-12-10 09:36:02 浏览: 16
Qiankun(乾坤框架)是一个用于构建微前端应用的工具,它提供了一种模块化的方式,让开发者可以方便地复用组件。`createContainer`是Qiankun的核心功能之一,主要用于创建一个独立运行环境(container),也就是隔离的应用实例。
使用`createContainer`的基本步骤如下:
1. 导入必要的依赖:首先需要导入Qiankun库中的`containerRuntime`,这通常是在应用启动脚本中完成的。
```javascript
import { containerRuntime } from '@qiankun/container';
```
2. 创建container实例:你需要指定容器的配置信息,如应用的入口、路由等。这个配置被称为`containerConfig`。
```javascript
const containerConfig = {
appMountId: 'app', // 应用挂载到页面的元素ID
entry: '/your-app-entry-point.js', // 应用的主入口文件
url: '/your-container-url' // 容器的URL,通常与应用的路径对应
};
```
3. 执行创建:使用`containerRuntime.createContainer`方法,并传入配置。
```javascript
const container = await containerRuntime.createContainer(containerConfig);
```
4. 启动并注册:容器创建后,你可以通过调用`start`方法来开始运行,并将结果关联到对应的DOM节点。
```javascript
await container.start();
document.getElementById('app').appendChild(container.getDom());
```
阅读全文