umi4 React项目使用icon集合

umi项目中使用icon集合。

icon集合:https://icones.js.org/

测试使用这个ion

.umirc.ts文件

ts 复制代码
  icons:{
    autoInstall:{
      '@iconify-json/ion': true,//自动安装@iconify-json/ion
    },
    include: ['ion:social-windows-outline'],//要使用的必须把icon类名加到include中,否则无法使用
  },
ts 复制代码
import { Icon } from 'umi';
<Icon icon="ion:social-windows-outline" />

详情配置:https://umijs.org/docs/api/config#icons

相关推荐
Stupid6 分钟前
[学习笔记] Elpis-core 的学习过程理解笔记
前端
the_flash7 分钟前
手写VueUse的onClickOutside函数
前端
小鱼冻干8 分钟前
node.js 文件流-可读取流
前端·node.js
飘尘8 分钟前
面试官:如何实现大量任务执行的调度?
前端·javascript·面试
前端旅人_cs9 分钟前
VITE + 邦联模块(module federation)实现
架构·前端框架
印第安老斑鸠啊10 分钟前
微前端框架MicroApp本地开发改造篇--vite适配
前端
osspeace11 分钟前
使用husky+commitizen+semantic-release实现项目的全自动版本管理和发布
前端·javascript
Annnnnnnnn___12 分钟前
学习记录-react篇
react.js
Epicurus13 分钟前
使用transform: translate时出现闪烁现象如何解决
前端·css
前端卧龙人13 分钟前
别再重复造轮子,VueUse让前端开发更简单、更高效
前端