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

相关推荐
光影少年7 分钟前
vue打包优化方案都有哪些?
前端·javascript·vue.js
硅谷工具人37 分钟前
vue3边学边做系列(3)-路由缓存接口封装
前端·缓存·前端框架·vue
β添砖java2 小时前
CSS网格布局
前端·css·html
木易 士心4 小时前
Ref 和 Reactive 响应式原理剖析与代码实现
前端·javascript·vue.js
程序员博博4 小时前
概率与决策 - 模拟程序让你在选择中取胜
前端
被巨款砸中4 小时前
一篇文章讲清Prompt、Agent、MCP、Function Calling
前端·vue.js·人工智能·web
sophie旭4 小时前
一道面试题,开始性能优化之旅(1)-- beforeFetch
前端·性能优化
Cache技术分享4 小时前
204. Java 异常 - Error 类:表示 Java 虚拟机中的严重错误
前端·后端
uhakadotcom4 小时前
execjs有哪些常用的api,如何逆向分析网站的加签机制
前端·javascript·面试