Dva: iconfontローカリゼーション

作成日 2016年12月15日 · 7コメント · ソース: dvajs/dva

この例を参照してください： https ：
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.ttficonfont.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

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