Dva: आइकनफ़ॉन्ट स्थानीयकरण

को निर्मित 15 दिस॰ 2016 · 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 地址改到本地

सूचकांक रहित

<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 निर्देशिका में, जियान ने iconfont निर्देशिका की स्थापना की और निर्देशिका में iconfont.ttf iconfont.woff और अन्य फ़ाइलों को डाउनलोड किया।
परीक्षण परिणाम कंसोल दिखाता है:
qq 20161216001107

समझाने के लिए महान भगवान से पूछो। . . ऐसे बहुत कम उदाहरण हैं जिन लोगों ने कभी सामने के छोर के बारे में नहीं लिखा है, यह केवल पत्थरों को महसूस करके नदी पार कर रहा है।

faq question

स्रोत

kimoziiiii

सबसे उपयोगी टिप्पणी

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

afc163 16 दिस॰ 2016

👍4

सभी 7 टिप्पणियाँ

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

एक सापेक्ष पथ में बदलने का प्रयास करें।

sorrycc 15 दिस॰ 2016

वास्तव में जल्दी :)
इसे संशोधित करने का प्रयास करें:

@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 16 दिस॰ 2016

मैंने अभी तक एंटडी की थीम कॉन्फ़िगरेशन की कोशिश नहीं की है, इसलिए मैं मदद नहीं कर सकता।

sorrycc 16 दिस॰ 2016

kimoziiiii 16 दिस॰ 2016

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

afc163 16 दिस॰ 2016

👍4

@kimoziiiiii

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