首先,到 iconfont 这个网站添加自己想要的图标,然后下载下来。
1.js 代码如下:
let path1 = "./iconfont.json"; let fs = require('fs'); const path = require('path'); let plays = JSON.parse(fs.readFileSync(path1)); const obj = {} plays.glyphs.forEach((item)=>{ obj['uicon-'+item.font_class] = '\'+'u'+item.unicode }) console.log(obj); let json = "export default" + JSON.stringify(obj) json = json.replace(/\\/g,'\') const r = path.resolve(__dirname,'icons.js'); fs.writeFile(r, json, 'utf8', (err) => { if (err) { console.log('写入文件出错拉!具体错误:' + err) return message.error("写入路径失败,请重新输入!") } else { console.log('ok'); } });
iconfont.json
就是之前在 iconfont 网站下载的 ttf 和 css 同级下的文件,执行上面文件 就可以生成一个可以使用的 icons.js 了:
node 1.js
执行后 我生成这样的:
export default{"uicon-WIFI":"ufda6","uicon-beizidangao":"ue853"}
然后把 icons.js 放到 common 文件夹下。