antd 离线 icon

讲你下载下来的官方提供的字体库解压后所有文件复制到node-modules/antd/dist目录下 

创建新的文件夹iconfont

在你项目生成的css入口文件对应的源码less文件开始添加如下两句话
我的是app.less

@import "~antd/dist/andt.less";  
@icon-url: '~antd/dist/iconfont/iconfont';

第二句是引入你自己下载的本地 字体和图标库。

此时编译后 访问 ,本地添加的字体图表库已经可以显示。但是原来模块发送的字体请求 还是抱错。
此时相当于你自己下载一个字体库,antd默认下载一个字体库(内网下载不成功)所有 重复下载。

解决办法:将bable-plugin-import插件的 按需引入css;样式功能关闭
找到开发项目主目录下的.babelrc 这是配置bable的文件,修改为style:false

{  
  "plugins": [["import", {  
    "libraryName": "antd",  
    "style": false  
  }]],  
  "presets": [  
    ["es2015", "react"]  
  ]  
}

.

原文地址:https://www.cnblogs.com/crazycode2/p/9012392.html