@ bysages/ icons (英语)

由“贤者要素”组成的图标登记册 卢西德 收藏为命名导出, 每条框架包装都有一个条框.

特征

• 🗂 整个收藏,作为命名的出口 每一个Lucide Glyph是一个 IconifyIcon 常数( n)import { calendar } from "@bysages/icons"一个消费者知道它想要进口哪一个名字
• 📦 易被建筑动摇 ——集编译为每格氏ES出品在一代出品,因此捆绑商只运送实际出品的入品,从未运送出590KB生JSON
• 🧩 一套,每个框架 ——反应,活性,固态,和活性, 全部取自于这个登记簿, 所以一个格子从不流于框架之间

安装

# pnpm
pnpm add @bysages/icons

# npm
npm install @bysages/icons

# yarn
yarn add @bysages/icons

# bun
bun add @bysages/icons

使用量

按名称导入格言,并通过任何包装来渲染 Icon数字 :

<script setup lang="ts">
import { Icon } from "@bysages/vue";
import { calendar } from "@bysages/icons";
</script>

<template>
  <Icon :glyph="calendar" label="Pick a date" />
</template>

收集包更新后再生 :

pnpm --filter @bysages/icons generate

为什么要明晰,为什么命名出出口

收藏品为 卢西德: 在24px网格上被打出羽毛线 2px, 四舍五入并加入—— 最积极维护的开放集 今天,在家里的温暖纸, 和集代码生成代理名称 由 默认.

为原始人服务 icons.json 590KB的每个消费者 (JSON不作树震),而"活象"子道并不存在. 所以说 收藏编辑到命名的导出一次, 在生成时间 - data.generated.ts 承诺 generate 仅在 收藏更改,在构建期间从未更改。 包装人自己的登记册 组件所绘制的格言很少),以 @bysages/core其他都是直接导入的 离开.

许可证

• 麻省理工学院 © 圣贤们