在antd中,可以通过@iconfont-cli
来生成自定义字体图标的scriptUrl
。下面是一个示例代码:
@iconfont-cli
:npm install @iconfont/cli --save-dev
iconfont.config.js
文件,用于配置生成字体图标的配置信息。示例配置如下:module.exports = {
iconfontUrl: '//at.alicdn.com/t/font_xxxxxx.js', // 你的字体图标库链接
saveDir: 'src/assets/fonts', // 字体图标保存的目录
useTypeScript: true, // 是否使用TypeScript
chunk: true, // 是否拆分字体文件
component: true, // 是否生成组件
symbol: true, // 是否生成 symbol 引用方式
extraCommonJSExports: [] // 需要额外导出的图标名称数组
};
generateIcon.js
,并添加以下代码:const { generate } = require('@iconfont/cli');
const config = require('./iconfont.config.js');
generate(config);
package.json
中添加一个用于生成字体图标的脚本命令:{
"scripts": {
"generate:icon": "node generateIcon.js"
}
}
npm run generate:icon
运行以上命令后,会根据配置信息生成字体图标文件,并将scriptUrl
输出到控制台。你可以将生成的字体图标文件放在指定目录中,并在项目中使用scriptUrl
来引入自定义字体图标。