1. 程式人生 > >如何將Ant Design Icon本地化

如何將Ant Design Icon本地化

本文主要解決:

    在內網/離網環境使用React+Ant Design進行專案開發時,Icon顯示異常問題;

離線使用IconFont步驟:

1、在 ( iconfont.cn ) 上把Ant圖示下載到本地。

     (下載方式參考:https://blog.csdn.net/guoyangyang123456/article/details/70314210)

2、 把下載的Iconfont放到以下地方:

    (1)放到/node_modules/antd下


    (2)放在public下

    3、修改對應的引用目錄:

        (1)修改node_modules/antd/dist/antd.css下對應路徑(把https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff換成本地路徑



        (2)修改node_modules/antd/lib/style/index.css下對應路徑(把https://at.alicdn.com/t/font_148784_v4ggb6wrjmkotj4i.woff換成本地路徑

      重新執行一下專案,圖示本地化工作就完成了。