search

ant-design / antd-style

css-in-js library with antd v5 token system
https://ant-design.github.io/antd-style/
MIT License
219 stars 35 forks source link

👑 [需求] 现在默认的 `DEFAULT_CSS_PREFIX_KEY` 是 `acss`，有没有可能设定为 `__filename__` / `__classname__` 然后再加上 hash？ #102

Closed SolidZORO closed 1 year ago

SolidZORO commented 1 year ago

🥰 需求描述

现在默认的 DEFAULT_CSS_PREFIX_KEY 是 acss，有没有可能设定为 __filename__ / __classname__ 这种，然后再加上 hash？

因为开发过程种发现，目前只靠 acss-xxxx 对定位并不友好，较难找到源码中的相对 classname。

🧐 解决方案

🚑 其他信息

arvinxx commented 1 year ago

详见：https://ant-design.github.io/antd-style/guide/babel-plugin

FontEndArt commented 7 months ago

详见：https://ant-design.github.io/antd-style/guide/babel-plugin

真的就不考虑不适用babel的技术栈了么。。。虽然现在能用StyleProvider实现，但是需要额外包裹一层，确实挺麻烦还是

arvinxx commented 7 months ago

@FontEndArt 具体展开下？ StyleProvider实现又咋实现？

FontEndArt commented 7 months ago

@FontEndArt 具体展开下？ StyleProvider实现又咋实现？

对不起，我的错，刚开始使用，研究不全面。 <StyleProvider prefix="footer"><FooterFC /></StyleProvider> 我在使用过程中发现这样是可以生效的，然后我就将其封装成了一个高阶函数，写组件的时候顺带包裹一下，并且传入该组件对应的prefix。

但是我再又一遍浏览文档的过程中，发现createInstance可以实现相同需求。准备让全部组件都改用createInstance来定义。

核心需求只是为了在调试的时候可以方便找到这个组件而已（新人友好型），之前在看这个 lobe-chat 仓库的时候，本地运行起来找组件对应关系的时候还是挺费劲的，几乎都是默认的prefix，相比之下我个人可能更喜欢classnames提供的hash模式（ps:也许之前用习惯了antd@5-）。