用真实个人站驱动一个组件库的成长
做组件库最大的陷阱,是自己跟自己玩:在文档站里造一堆"看起来能用"的组件,却从没被真实业务摁在地上摩擦过。Demo 里一切都好,真上项目处处是坑。
所以我给自己定了一条铁律:我的个人站 100% 用 hulianui 搭,缺组件就回库里加,组件有问题就回库里修——绝不在站里打 CSS 补丁。
为什么这条铁律有用
站是真实的:它要部署、要备案、要在别人手机上打开不崩。这种"真实"会逼出 demo 永远逼不出的需求。
就在搭这个站的过程中,它已经逼出了三处库的成长:
beian-footer:中国大陆站点底部的 ICP / 公网安备条,过去每个项目手写一遍。抽成组件,多备案号、警徽、外链一把梭。book-3d:一个 CSS 3D 立体书组件,用来做项目封面墙——纯 transform、GPU 合成、悬停翻正。@hulianui/tokens的依赖缺口:站在 monorepo 外消费时,preset 里的@import "tailwindcss"跨仓解析不到。这是个真实的"包不完整"问题,只有真的在外面消费才会暴露。
它不是做着玩
这个站会一直挂下去:第一个项目是 hulianui 自己,后面还会挂更多。每挂一个真实项目,就是给库的一次真实体检。
好产品是「想得清楚」加「做得扎实」。组件库也一样——而真实场景,是检验"扎实"唯一的尺子。