图标
开始
安装
使用线条
yarn add @buffetjs/icons
# Install the required dependencies
yarn add prop-types react styled-components
或无
npm install @buffetjs/icons --save
# Install the required dependencies
npm install prop-types react styled-components --save
捐款
为了添加一个新的图标,可以使用Sketch或其他设计工具包来设计 svg.
那你需要清理你的svg:
npm install -g svgo
svgo my-svg.svg
最后将被清理的svg转换为反应组件.
可用命令
- 构建
构建用于制作的库
- 构建:分析
分析生成的构建
- 构建: 监视
用网络包对文件进行什么
- 构建: watch:esm
用 Bail 处理文件
- 创建:index
创建 build/index.js 文件
- 测试
运行整个测试集: 提示、 样式和笑话
- 测试:
运行单元测试
- 测试 :
以监视模式运行单元测试
- 测试:lint
运行插图测试
- 测试:lint:quiet
在不显示警告的情况下运行插入测试
- 测试:样式
运行样式林特测试
- 测试: 样式: 静音
在不显示警告的情况下运行样式lint 测试
- lint: 修补
修补线条
关于 @buffetjs/icons 的常见问题
如何安装 @buffetjs/icons？
在项目目录运行 npm install @buffetjs/icons，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（^16.9.0）、styled-components（^5.0.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
@buffetjs/icons 支持 TypeScript 吗？
该包的 package.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/buffetjs__icons 是否存在。
@buffetjs/icons 支持 ESM 还是 CommonJS？
同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。
@buffetjs/icons 可以商用吗？
@buffetjs/icons 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
@buffetjs/icons 的下载量有多少？
根据 npm 官方下载统计，@buffetjs/icons 在 2026/10/09 – 2026/11/07 这 30 天内被下载 46,660 次，日均约 1,555 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
@buffetjs/icons 还在维护吗？
最新版本 3.3.8 发布于 2021/07/20（5 年前）；至今共发布 71 个版本，其中过去 12 个月发布了 0 个；首次发布于 2019/10/22。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。