iofod导入任意前端资产，以 Element UI 为例

 

导入外部组件的功能千呼万唤始出来，iofod提供了一个类微前端的组件容器，支持装载任意前端组件。官方更新的文档比较简练，不易于入门的同学上手，本文作为对官方文档的补充，将一步一步介绍如何在 iofod 导入外部组件。

一、组件功能开发

我们今天以 vite 和 element ui 来演示导入自定义组件到iofod。先实现这么个小目标吧：在 iofod 里使用 Element UI。

在iofod中导入之前我们需要准备一些内容，如果同学在以前有使用过vue框架下导入组件的话，应该会十分熟悉。

首先，初始化工程模板，我们使用vite 作为构建工具

 

框架选择Vue

 

生成项目模板后，进入项目目录，安装npm依赖

 

安装element-plus 依赖

 

接着，根据官网提示，修改 vite 配置来支持按需导入

 

安装下unplugin-element-plus 依赖