0.0.6 • Published 3 months ago

@rushable/icon2 v0.0.6

Weekly downloads
-
License
MIT
Repository
-
Last release
3 months ago

@rushable/icon2

1. 对于不需要特殊定义颜色并且是正方形的 icon,采用自动生成 React 组件的方式

  1. 按照 icon 分类命名 svg 文件名称,名称格式为 xxx-xxx 这种,均已小写字母开头
  2. 将修改好名称的 svg 文件夹放到 source 目录
  3. 执行 npm run compiler 命令,然后在 src/auto_icons 目录下就会生成相应的 React 组件, compiler 代码借鉴自 icon-garden
  4. 在 docs 编写对应 icon 预览
  5. 发布 npm: npm publish, 部署 site: npm deploy

2. 对于需要特殊定义的 icon(如 payment),采用手动创建 React 组件

  1. 在 manual_icons 目录下面根据 icon 类别进行手动创建组件,和老的 @rushable/icons 创建方式一致
  2. 将创建好的组件在 src/index.ts 里面导出
  3. 在 docs 编写对应网站预览代码
  4. 发布 npm: npm publish, 部署 site: npm deploy

3. svg tsx 由于某些属性为短横线连接导致 dev 会 warning

  1. 在组件生成完成后执行 npm run lint 观察是否有报错
  2. 执行 npm run lint:fix
0.0.6

3 months ago

0.0.5

6 months ago

0.0.4

6 months ago

0.0.3

6 months ago

0.0.2

6 months ago

0.0.1

6 months ago