CSScomb
优质
小牛编辑
132浏览
2023-12-01
CSScomb
FECS
对 CSS
的格式化是基于 CSSBeautify 与 CSScomb 结合我们的 CSS 编码规范 而定的配置。
使用方式
最常用的方式是直接调用fecs format --type=css
,此时会递归的扫描当前目录下面的所有的 CSS 文件(默认已经忽略 node_modules, bower_components 目录),然后依次调用 cssbeautify
和 csscomb
格式化得到的 CSS 文件,默认所有格式化后的文件按源目录结构保存在当前工作目录下的 output
目录中。
如果想要忽略某些文件或目录,可以使用 ignore
参数执行,例如:
$ fecs format --type=css --ignore='**/cli/**'
或者在 .csscomb.json
中的 exclude
节点配置,FECS
配置的默认值为:
"exclude": [
".git/**",
"node_modules/**",
"bower_components/**"
],
同时也可以使用 .fecsignore
文件来配置类似 Git
方式的 .gitignore
忽略规则。
另外,需要同时格式化多个目录时,可以这样:
$ fecs format dir1 dir2 --type=css
默认规则
- https://github.com/csscomb/csscomb.js/blob/master/doc/options.md
- https://github.com/ecomfe/fecs/blob/master/lib/css/csscomb.yml
注意事项
CSS 代码在格式化后,某些属性间可能会出现多余空行,这是由 CSScomb
的属性分组规则 sort-orde
决定的。