umi4 React项目使用icon集合

umi项目中使用icon集合。

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

测试使用这个ion

.umirc.ts文件

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

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

umi4 React项目使用icon集合_第1张图片

umi4 React项目使用icon集合_第2张图片

你可能感兴趣的:(Umi框架,react.js,前端,前端框架)