Siehe dieses Beispiel: https://github.com/ant-design/antd-init/tree/master/examples/local-iconfontcustom.less
hinzugefügt und der Inhalt in index.less geändert
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";
Gleichzeitig richtete Jian im Verzeichnis src
Verzeichnis iconfont
und lud die Datei iconfont.ttf iconfont.woff und andere Dateien in das Verzeichnis herunter.
Die Testergebniskonsole zeigt:
Bitten Sie den großen Gott, es zu erklären. . . Es gibt so wenige Beispiele: Für diejenigen, die noch nie über das Frontend geschrieben haben, ist es einfach, den Fluss zu überqueren, indem sie die Steine fühlen.
@icon-url: "/iconfont/iconfont";
Versuchen Sie, zu einem relativen Pfad zu wechseln.
Sehr früh :)
Versuchen Sie es zu ändern zu:
@icon-url: "./iconfont/iconfont";
Startfehler:
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
Ich habe versucht, diese Variable icon-url
den Standardwert von antd überschreibt: @icon-url : "https://at.alicdn.com/t/font_r5u29ls31bgldi";
Ich weiß nicht, was ich als nächstes tun soll.
Ich habe die Theme-Konfiguration von antd noch nicht ausprobiert, daher kann ich nicht anders.
:(
@ 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
Ich habe es mit dieser Methode gelöst, sehr prägnant
Hilfreichster Kommentar
https://github.com/visvadw/dvajs-user-dashboard/pull/2