- 选择iconfront图标 - 添加入库
- 添加至项目,没有就随便新建一个
- 上面图标管理 - 我的项目
- 切换到 Symbol, 并点击红字生成代码
- 把生成的代码链接打开,复制代码
- 在antd pro的public目录新建 iconfont.js
- 把代码粘贴进去
- 生成:
const IconFont = Icon.createFromIconfontCN({ scriptUrl: '/iconfont.js'});
- 使用:
<IconFont type='action-port-icon' />
注意:action-port-icon 是项目中图标的名字
至此就可以看到图标可以使用了,不过更换 iconfont.js内容好像需要重启下