导入外部组件的功能千呼万唤始出来,iofod提供了一个类微前端的组件容器,支持装载任意前端组件。官方更新的文档比较简练,不易于入门的同学上手,本文作为对官方文档的补充,将一步一步介绍如何在 iofod 导入外部组件。
一、组件功能开发
我们今天以 vite 和 element ui 来演示导入自定义组件到iofod。先实现这么个小目标吧:在 iofod 里使用 Element UI。
在iofod中导入之前我们需要准备一些内容,如果同学在以前有使用过vue框架下导入组件的话,应该会十分熟悉。
首先,初始化工程模板,我们使用vite 作为构建工具
框架选择Vue
生成项目模板后,进入项目目录,安装npm依赖
安装element-plus 依赖
接着,根据官网提示,修改 vite 配置来支持按需导入
安装下unplugin-element-plus 依赖