Обратитесь к этому примеру: https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont
Добавлен custom.less
и изменено содержимое index.less
custom.less
@icon-url: "/iconfont/iconfont"; // 把 iconfont 地址改到本地
index.less
<strong i="14">@import</strong> "~antd/lib/style/themes/default.less";
<strong i="15">@import</strong> "custom.less";
<strong i="16">@import</strong> "~antd/lib/style/core/index.less";
<strong i="17">@import</strong> "~antd/lib/style/components.less";
В то же время в каталоге src
Цзянь установил каталог iconfont
и загрузил в него iconfont.ttf iconfont.woff и другие файлы.
Консоль результатов теста показывает:
Попросите великого бога объяснить. . . Так мало примеров.Для тех, кто никогда не писал о передней части, это просто переход через реку, ощупывая камни.
@icon-url: "/iconfont/iconfont";
Попробуйте перейти на относительный путь.
Действительно рано :)
Попробуйте изменить его на:
@icon-url: "./iconfont/iconfont";
Ошибка запуска:
ERROR in ./src/index.less
Module build failed: ModuleNotFoundError: Module not found: Error: Cannot resolve 'file' or 'directory' ../node_modules/.2.5.2@antd/lib/style/core/iconfont/iconfont.eot in D:\ITOps\frontend\src
Я попытался увидеть, как эта переменная icon-url
переопределяет значение antd по умолчанию: @icon-url : "https://at.alicdn.com/t/font_r5u29ls31bgldi";
Я не знаю, что делать дальше .. Обратиться за советом ..
Я еще не пробовал конфигурацию темы antd, поэтому ничем не могу помочь.
:(
@kimoziiiii
let path = require('path'); //获取字体文件的相对项目的文件路径
let relativePath = path.relative(`${项目名称}/node_modules/antd/es/style/core`,`${项目名称}/src/assets/iconfonts/iconfont`).replace(/\\/g,'/');
module.exports = {
'icon-url': `"${relativePath}"`
}
https://my.oschina.net/u/1757225/blog/1795013
Решил этим методом, очень лаконично
Самый полезный комментарий
https://github.com/visvadw/dvajs-user-dashboard/pull/2