Dropbox Paper 团队的 Bobby Grace
在工程方面,我们使用内联 SVG。它们有很多优点。其中一个优点是 SVG 是一种结构良好的格式,我们可以用代码对其进行操作。Paper 也在使用 React,并有一个用于插入图标的组件。
他们
- 使用单个 Sketch 文件,检入存储库,作为设计和存放所有图标的位置。
- 使用 gulp-sketch 将所有图标单独提取出来。
- 构建脚本继续优化所有图标并构建一个数据源,其中包含所有图标及其属性。
- 该数据为他们的
<SvgIcon />
React 组件提供支持。(另请参阅 我们的文章)。
他们称之为 Papercons。
现在,无论何时有人需要图标,我们只需分享一个指向所有最新生产图标的链接即可。无需再进行搜索、上下文切换和冗长的对话线程。