webj2ee-icons v1.1.17

webj2ee-icons

本项目的目的是学习、研究 ant-design 的 Icon 管理策略； 

参考：ant-design-icons/icons v1.1.15

• 用 ES6 重写了 TypeScript 逻辑；
• 用 Promise 重写了 RxJS 异步逻辑；
• 按照自己的理解，增加了部分代码注释；

1. 安装 && 使用

安装：
npm install

转换 SVG 图标为 IconDefinition：
npm run generate

打包 IconDefinition：
npm run build

清理：
npm run clean

2. 目录结构

• webj2ee-icons/svg : 存储的是所有svg 图标原文件

  • ant-design 的图片分 fill、outline、twotone 3种类型；
  • 图片设计尺寸 1024 * 1024（出血位 64px）
  • 默认视口 64 64 896 896

• webj2ee-icons/build: 转换 SVG 为 IconDefinition 的核心逻辑；

• webj2ee-icons/src: 转换完成的 IconDefinition 存储于此；

• webj2ee-icons/lib: 打包 IconDefinition 的输出目录；

• webj2ee-icons/inline-svg: 用 IconDefinition 生成的内联 SVG 元素；

备注：关注微信公众号，查看详细文章