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````

浏览 9
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

编辑 分享
举报