antd 本地部署 iconfont 正确步骤
Ant Design of React由蚂蚁金服体验技术部出品,是基于 React+Redux 实现,开发和服务于企业级后台产品。
Ant Design 默认的 iconfont 文件托管在 iconfont.cn 并默认使用平台提供的 alicdn 地址,公网可访问使用。
由于 alicdn 对部分域名有访问限制,或者需要内网环境使用,因此我们可能需要将 iconfont 文件部署到本地环境。
操作步骤如下:
一、下载 iconfont 文件
1、官网在线下载
2、字体图标库iconfont中下载
二、部署 iconfont 服务
通过搭建本地服务器提供 iconfont 访问地址,例如:http://localhost/iconfont
三、配置@icon-url 地址
1、通过 package.json 中自定义主题参数 theme 中配置@icon-font 为’”iconfont 字体本地访问地址”‘
2、通过引用 theme.js 的方式自定义主题,配置方式同 1
1 | // 注意:@icon-font地址为字符串,且后面一个iconfont为字体文件名(不需要后缀),地址字符串需要在双引号内 |