antd icon本地(离线)部署过程

本文介绍了如何在create-react-app项目中本地部署antd的iconfont,包括添加less配置、暴露webpack配置、引入iconfont文件和修改样式引用。通过这些步骤,实现了将iconfont资源从aliCDN切换到本地加载。
摘要由CSDN通过智能技术生成

o-前言

引用ant-design在github上的本地部署 Iconfont说明:

Ant Design 默认的 iconfont 文件托管在 iconfont.cn 并默认使用平台提供的 alicdn 地址,公网可访问使用。 由于 alicdn 对部分域名有访问限制,或者需要内网环境使用,您可以参照这个例子将 iconfont 文件部署到本地。

下载上述local-iconfont的demo后,运行代码可以看到,其中的icon加载的确实是本地资源。 但是,因为之前的项目是用create-react-app创建的,参照demo中关于 webpack 配置暂时没整明白,想找另外一种方法来加载本地的这个Iconfont。 最后,根据参考文章中的方法,测试成功了。

1-使用create-react-app创建一个demo并正常使用antd

根据该文,

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值