Dva: localización de iconfont

Creado en 15 dic. 2016  ·  7Comentarios  ·  Fuente: dvajs/dva

Consulte este ejemplo: https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont
Agregó custom.less y modificó el contenido en 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";  

Al mismo tiempo, en el directorio src , Jian estableció el directorio iconfont y descargó iconfont.ttf iconfont.woff y otros archivos en el directorio.
La consola de resultados de la prueba muestra:
qq 20161216001107

Pídele al gran dios que te explique. . . Hay tan pocos ejemplos, para aquellos que nunca han escrito sobre la parte delantera, es simplemente cruzar el río palpando las piedras.

faq question

Comentario más útil

Todos 7 comentarios

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

Intente cambiar a una ruta relativa.

Muy temprano :)
Intente modificarlo para:

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

Error de inicio:

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

Traté de ver esta variable icon-url anulando el valor predeterminado de antd: @icon-url : "https://at.alicdn.com/t/font_r5u29ls31bgldi";

No sé qué hacer a continuación ... Buscar consejo ...

Todavía no he probado la configuración del tema de antd, así que no puedo ayudar.

:(

@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
Lo resolví por este método, muy conciso.

¿Fue útil esta página
0 / 5 - 0 calificaciones