Dva: تعريب iconfont

تم إنشاؤها على ١٥ ديسمبر ٢٠١٦ · 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 في ١٦ ديسمبر ٢٠١٦

👍4

ال 7 كومينتر

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

حاول التغيير إلى مسار نسبي.

sorrycc في ١٥ ديسمبر ٢٠١٦

حقا باكرا :)
حاول تعديله إلى:

@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 في ١٦ ديسمبر ٢٠١٦

لم أجرب تكوين سمة antd حتى الآن ، لذلك لا يمكنني المساعدة.

sorrycc في ١٦ ديسمبر ٢٠١٦

kimoziiiii في ١٦ ديسمبر ٢٠١٦

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

afc163 في ١٦ ديسمبر ٢٠١٦

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