Dva: 아이콘 글꼴 현지화

에 만든 2016년 12월 15일 · 7코멘트 · 출처: dvajs/dva

이 예제를 참조하십시오 : 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 디렉토리에서 Jian은 iconfont 디렉토리를 설정하고 iconfont.ttf iconfont.woff 및 기타 파일을 디렉토리에 다운로드했습니다.
테스트 결과 콘솔에 다음이 표시됩니다.
qq 20161216001107

위대한 신에게 설명을 요청하십시오. . . 예를 들어 본 적이없는 사람에게는 돌을 느끼며 강을 건너는 것입니다.

faq question

출처

kimoziiiii

가장 유용한 댓글

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

afc163 에 2016년 12월 16일

👍4

모든 7 댓글

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

상대 경로로 변경해보십시오.

sorrycc 에 2016년 12월 15일

정말 일찍 :)
다음과 같이 수정하십시오.

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

다음에 뭘 해야할지 모르겠어요 .. 조언을 구하세요 ..

kimoziiiii 에 2016년 12월 16일

antd의 테마 구성을 아직 시도하지 않았기 때문에 도와 드릴 수 없습니다.

sorrycc 에 2016년 12월 16일

kimoziiiii 에 2016년 12월 16일

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

afc163 에 2016년 12월 16일

👍4

뿡 빵뀨

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

imaxing 에 2018년 11월 12일

👍1

https://my.oschina.net/u/1757225/blog/1795013
이 방법으로 해결했습니다. 매우 간결합니다.

xijin 에 2019년 06월 03일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Dva: 아이콘 글꼴 현지화

가장 유용한 댓글

모든 7 댓글

관련 문제