icons-svg:svg 图标资源目录wc-icons:wc-ui组件库专属图标组件库icons-svg-symbol:icons-svg目录所有 svg 合并后的资源目录
所有 svg 图标资源都需要放到 packages/icons-svg 项目包中,图标文件名字需要遵循下面的规则:
- 文件名必须全英文
- 文件名不能有特殊符号
- 文件名中间可以有"-"连字符
把 packages/icons-svg 包中的图标通过脚本批量去除固定样式属性,方便通过全量图标组件调整图标颜色以及大小等。
npm run gen:svgWC 图标组件生成
npm run gen:wcWC 图标组件单个按需引入使用
<icon-add-circle />WC 图标组件全量引入使用
<wc-icons name="add-circle" />npm run gen:sprite