Dva: iconfont lokalisasi

Dibuat pada 15 Des 2016  ·  7Komentar  ·  Sumber: dvajs/dva

Lihat contoh ini: https://github.com/ant-design/antd-init/tree/master/examples/local-iconfont
Menambahkan custom.less dan mengubah konten di 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";  

Pada saat yang sama, di direktori src , Jian membuat direktori iconfont dan mendownload iconfont.ttf iconfont.woff dan file lainnya ke dalam direktori.
Konsol hasil tes menunjukkan:
qq 20161216001107

Minta dewa yang agung untuk menjelaskan. . . Sedikit sekali contohnya, bagi yang belum pernah menulis front end cukup dengan menyeberangi sungai dengan meraba bebatuan.

faq question

Komentar yang paling membantu

Semua 7 komentar

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

Coba ubah ke jalur relatif.

Sangat awal :)
Cobalah untuk memodifikasinya menjadi:

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

Kesalahan mulai:

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

Saya mencoba melihat variabel ini icon-url menimpa nilai default antd: @icon-url : "https://at.alicdn.com/t/font_r5u29ls31bgldi";

Saya tidak tahu apa yang harus saya lakukan selanjutnya .. Minta saran ..

Saya belum mencoba konfigurasi tema antd, jadi saya tidak dapat membantu.

:(

@mimoziiiii

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
Saya menyelesaikannya dengan metode ini, sangat ringkas

Apakah halaman ini membantu?
0 / 5 - 0 peringkat