Dva: localisation des polices d'icônes

Créé le 15 déc. 2016 · 7Commentaires · Source: dvajs/dva

Reportez-vous à cet exemple: https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont
Ajout de custom.less et modification du contenu dans index.less
custom.less

@icon-url: "/iconfont/iconfont";  // 把 iconfont 地址改到本地

sans index

<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";

En même temps, dans le répertoire src , Jian a établi le répertoire iconfont et a téléchargé iconfont.ttf iconfont.woff et d'autres fichiers dans le répertoire.
La console des résultats du test affiche:
qq 20161216001107

Demandez au grand dieu de vous expliquer. . . Il y a si peu d'exemples: pour ceux qui n'ont jamais écrit sur le front-end, il s'agit simplement de traverser la rivière en palpant les pierres.

faq question

Source

kimoziiiii

Commentaire le plus utile

https://github.com/visvadw/dvajs-user-dashboard/pull/2

afc163 le 16 déc. 2016

👍4

Tous les 7 commentaires

@icon-url: "/iconfont/iconfont";

Essayez de changer de chemin relatif.

sorrycc le 15 déc. 2016

Vraiment tôt :)
Essayez de le modifier pour:

@icon-url: "./iconfont/iconfont";

Erreur de démarrage:

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

J'ai essayé de voir cette variable icon-url remplaçant la valeur par défaut de antd: @icon-url : "https://at.alicdn.com/t/font_r5u29ls31bgldi";

Je ne sais pas quoi faire ensuite. Demandez conseil.

kimoziiiii le 16 déc. 2016

Je n'ai pas encore essayé la configuration du thème d'antd, donc je ne peux pas vous aider.

sorrycc le 16 déc. 2016

kimoziiiii le 16 déc. 2016

https://github.com/visvadw/dvajs-user-dashboard/pull/2

afc163 le 16 déc. 2016

👍4

@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}"`
}