Dva: localização iconfont

Criado em 15 dez. 2016 · 7Comentários · Fonte: dvajs/dva

Consulte este exemplo: https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont
Adicionou custom.less e modificou o conteúdo em 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";

Ao mesmo tempo, no diretório src , Jian estabeleceu o diretório iconfont e baixou o iconfont.ttf iconfont.woff e outros arquivos no diretório.
O console de resultados do teste mostra:
qq 20161216001107

Peça ao grande deus para explicar. . . Os exemplos são tão poucos ... Para quem nunca escreveu sobre front-end, é simplesmente atravessar o rio apalpando as pedras.

faq question

Fonte

kimoziiiii

Comentários muito úteis

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

afc163 em 16 dez. 2016

👍4

Todos 7 comentários

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

Tente mudar para um caminho relativo.

sorrycc em 15 dez. 2016

Realmente cedo :)
Tente modificá-lo para:

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

Erro de início:

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

Tentei ver esta variável icon-url substituindo o valor padrão de antd: @icon-url : "https://at.alicdn.com/t/font_r5u29ls31bgldi";

Não sei o que fazer a seguir .. Procure conselhos ..

kimoziiiii em 16 dez. 2016

Eu não tentei a configuração do tema do antd ainda, então não posso ajudar.

sorrycc em 16 dez. 2016

kimoziiiii em 16 dez. 2016

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

afc163 em 16 dez. 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}"`
}