YOU'VE MADE A BRAVE DECISION, WELCOME.

每一个不曾起舞的日子都是对生命的辜负。

Antd字体图标本地化

antd图标默认托管在http://iconfont.cn/, 默认公网可访问。如需本地部署,可参考示例

以上是antd官网推荐方法,但亲测后发现有坑,打包后字体图标文件并没有成功打包。

经过一番尝试,得出以下解决方案:

antd主题配置

1
2
'@icon-url': `"${path.relative('./~/antd/lib/style/*', './res/iconfont/iconfont')}"`

此处得是相对路径。


webpack配置

1
2
3
4
{
test: /\.(woff|woff2|eot|ttf|svg)$/,
use: ['url-loader?limit=1&name=iconfont/[name].[hash:8].[ext]']
}

将字体图标打包到iconfont文件夹中。