@beetag/icons
v0.1.1
Published
Enterprise icon library built on top of @ant-design/icons.
Readme
Bee Icons
基于 @ant-design/icons 的企业图标库初始化项目。
已包含能力
- 使用 React + TypeScript + Vite 作为前端基础工程
- 使用
@ant-design/icons作为图标运行时封装 - 使用
scripts/generate-icons.ts从现有manifest.json批量生成 React 图标组件 - 使用
src/lib/icon-docs.ts维护图标分类、中文名称和中文说明 - 提供本地预览页面,方便确认图标输出效果
启动
pnpm install
pnpm generate-icons
pnpm dev构建图标库
pnpm build如果你新增或修改了 SVG/manifest,请先手动执行一次:
pnpm generate-icons如果你要调整图标分类、中文名称或中文说明,请维护:
src/lib/icon-docs.ts使用方式
import { SearchOutlined, BfIcSearch } from '@beetag/icons';
export function Demo() {
return (
<>
<SearchOutlined />
<BfIcSearch style={{ fontSize: 20, color: '#1677ff' }} />
</>
);
}