css-checker自动检查相似CSS并显示Diff
目标
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
(它可以检查 classes 之间的相似性,并显示(>=80%)相似度的 classes 之间的差异。默认情况下,他还能找出使用了多次的颜色、长脚本。可以用“css checker-help”来查看自定义选项。)
它能将带有“rgb/rgba/hsl/hsla/hex”的颜色转换为 rbga 并一起比较。
Github Link:
css-checker````
评论