gm-svg
- svg图标库
- 先阅读icon规范
目录
├── .svgrrc.json # svgr配置文件├── index.js # 出口文件,src内所有组件都在这里自动导出├── src # svg-react组件目录└── svg # svg目录
如何发布
‼重要: ️下载chrome插件:iconfont-crane,用于一键下载iconfont上的svg🌡
- 在Iconfont找到合适的icon, 添加到
购物车
- 将购物车的icon添加到项目(
gm-svg
) - 在
gm-svg
项目内调整icon命名,大小及其位置(单色图标去色
处理,防止无法通过style改变颜色的情况) - @liangchaoming review
- review通过之后,通过iconfont-crane下载
svgs.zip
包至本地
特别注意: 使用iconfont-crane的时候,svg显示模式切为
Symbol
,❌否则文件命名会错误
- 进入
gm-svg
工程根目录并确保在master
分支,执行以下命令发版
发布npm包前,要登录gmfe账号,并切换到npm官方源
gmfe svg_publish -d xxx
- 以上发布完毕,可以愉快的使用gm-svg了
如何使用
import SvgBluetooth from 'gm-svg'// 例如组件A上使用const A = <span>使用svg<SvgBluetooth/></span>