首页
/ Tokenami项目v0.0.78版本发布:样式组合优化与CI流程改进

Tokenami项目v0.0.78版本发布:样式组合优化与CI流程改进

2025-07-08 02:33:37作者:卓艾滢Kingsley

Tokenami是一个专注于CSS-in-JS解决方案的开源项目,它通过创新的方式将样式逻辑与组件紧密结合。该项目特别注重性能优化和开发者体验,通过减少冗余样式和提供类型安全的方式来提升前端开发效率。

样式组合优化:从内联样式到样式表

本次版本更新中,Tokenami对css.compose功能进行了重大改进。在之前的版本中,组合样式会直接在组件中生成内联样式,这可能导致HTML中出现大量重复的样式声明。新版本通过以下方式优化了这一过程:

  1. 样式提取机制:现在所有在compose块中定义的样式都会被提取到项目的样式表中,而不是直接内联到HTML元素上。

  2. 类名生成:系统会自动为这些样式生成唯一的类名,显著减少了HTML中的冗余代码。

  3. API调整css.compose的返回类型现在会提供一个类名处理函数cn和一个样式处理函数css,开发者需要同时使用这两个返回值来确保样式正确应用。

这种改变不仅提升了性能,还使得样式复用更加高效,特别是在大型项目中,这种优化可以显著减少最终生成的CSS体积。

CI流程简化:移除环境类型声明文件

Tokenami团队对持续集成流程进行了简化:

  1. 移除冗余文件:不再需要维护.tokenami/tokenami.env.ci.d.tstsconfig.ci.json这两个配置文件。

  2. 新增检查命令:取而代之的是引入了tokenami check命令,开发者可以将其与常规的类型检查步骤结合使用。

这一改进使得CI流程更加简洁,减少了项目配置的复杂度,同时保持了类型检查的严格性。

其他改进与修复

本次更新还包含了一些重要的错误修复和优化:

  1. AST解析修复:解决了在解析组合样式块时可能出现的问题,提高了编译过程的稳定性。

  2. 文档更新:特别针对自定义属性的使用文档进行了完善,帮助开发者更好地理解和使用这一功能。

升级建议

对于正在使用Tokenami的项目,升级到v0.0.78版本需要注意以下几点:

  1. 组合样式API变更:需要调整使用css.compose的组件代码,确保正确处理新的返回值结构。

  2. CI流程更新:移除不再需要的配置文件,并在CI脚本中添加tokenami check命令。

  3. 类型检查:虽然移除了特定的环境类型文件,但通过新的检查命令仍然可以确保样式的类型安全。

这些改进使得Tokenami在保持其核心优势的同时,进一步提升了开发体验和运行效率,是值得所有用户升级的重要版本。

登录后查看全文
热门项目推荐
相关项目推荐