1.0.0 • Published 11 months ago
@kamikore/iconfont-builder v1.0.0
iconfont-builder
一个iconfont 样式生成器
npm仓库地址:https://www.npmjs.com/package/@kamikore/iconfont-builder
前言:
该工具主要为了尝试npm包的开发、发布、安装,工具参照了作者@imba97的simple-iconfont-builder项目
简述:
使用 iconfont
项目会生成CDN服务链接,点击链接完全可以直接复制内容粘贴到.css生效。但字体资源是通过外链获取的,为了避免意外的情况,最好是备份本地获取。而把字体文件进一步转base64
,能够避免ttf,woff等字体文件在android,ios,小程序中可能出现无法使用的问题。而上述一系列的操作,在每次更新iconfont
时都需重做一遍。借由该该工具可以快捷生成经过压缩后的样式文件。
导入⚙️
import IconfontBuilder from '@kamikore/iconfont-builder'
如何使用 ❔
- 新建一个iconfont.js文件,例如
src/dev/iconfont.js
,添加如下内容:
import path from 'path'
import IconfontBuilder from '@kamikore/iconfont-builder'
/*
配置输出路径(如果build没有传入路径参数,默认输出当前执行node命令时候的文件夹地址 ——工作目录)
*/
IconfontBuilder.build(path.resolve(__dirname, 'iconfont.css'))
- 直接执行或是设置
script
命令 直接执行:
node src/index.js //at.alicdn.com/t/c/font_3746531_ihmuv0x54n.css
设置script
命令:
在 package.json
的 scripts
添加一条:
{
"scripts": {
"if": "node dev/iconfont.js"
}
}
使用时执行 npm run if //at.alicdn.com/t/c/font_3746531_ihmuv0x54n.css