gm-svg

• svg图标库
• 先阅读icon规范

目录

├── .svgrrc.json  # svgr配置文件
├── index.js      # 出口文件,src内所有组件都在这里自动导出
├── src           # svg-react组件目录
└── svg           # svg目录

如何发布

‼重要: ️下载chrome插件:iconfont-crane,用于一键下载iconfont上的svg🌡

1. 在Iconfont找到合适的icon, 添加到购物车
2. 将购物车的icon添加到项目(gm-svg)
3. 在gm-svg项目内调整icon命名,大小及其位置(单色图标去色处理,防止无法通过style改变颜色的情况)
4. @liangchaoming review
5. review通过之后,通过iconfont-crane下载svgs.zip包至本地

特别注意: 使用iconfont-crane的时候,svg显示模式切为Symbol,❌否则文件命名会错误

6. 进入gm-svg工程根目录并确保在master分支,执行以下命令发版

发布npm包前，要登录gmfe账号，并切换到npm官方源

gmfe svg_publish -d xxx(svgs.zip包路径)

• 以上发布完毕,可以愉快的使用gm-svg了

如何使用

import { SvgBluetooth } from 'gm-svg'
// 例如组件A上使用
const A = () => <span>使用svg<SvgBluetooth/></span>