css-checker自动检查相似CSS并显示Diff

联合创作 · 2023-10-02 02:33

目标


css-checker 会检查您的 css 样式是否有重复,并在几秒钟内找到具有高度相似性的 css classes 之间的差异。它可以避免文件之间出现冗余或类似的 css,并适用于本地开发和 CI 等自动化。


默认情况下它还支持颜色检查、长脚本以及未使用的 CSS classes 的警告。该项目由 Xiemala Team 提供,它有助于为该项目中的开发人员删除数百个类似的 css classes。


安装


使用 go:



go install github.com/ruilisi/css-checker@latest

(对于 go 1.17 之前的版本,请使用 go get github.com/ruilisi/css-checker)。或者从releases下载。


使用 npm:



npm install -g css-checker-kit

用法


运行



  • cd PROJECT_WITH_CSS_FILES 并且直接运行:



css-checker


  • (Beta: Styled Components 检查,如您使用 Styled Components,可开启): css-checker -styled


DEMO


(它可以检查 classes 之间的相似性,并显示(>=80%)相似度的 classes 之间的差异。默认情况下,他还能找出使用了多次的颜色、长脚本。可以用“css checker-help”来查看自定义选项。)


它能将带有“rgb/rgba/hsl/hsla/hex”的颜色转换为 rbga 并一起比较。


Github Link:


css-checker````

浏览 22
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报