当前位置: 首页 > 文档资料 > FECS 中文文档 >

CSScomb

优质
小牛编辑
132浏览
2023-12-01

CSScomb

FECSCSS 的格式化是基于 CSSBeautifyCSScomb 结合我们的 CSS 编码规范 而定的配置。

使用方式

最常用的方式是直接调用fecs format --type=css,此时会递归的扫描当前目录下面的所有的 CSS 文件(默认已经忽略 node_modules, bower_components 目录),然后依次调用 cssbeautifycsscomb 格式化得到的 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

默认规则

  1. https://github.com/csscomb/csscomb.js/blob/master/doc/options.md
  2. https://github.com/ecomfe/fecs/blob/master/lib/css/csscomb.yml

注意事项

CSS 代码在格式化后,某些属性间可能会出现多余空行,这是由 CSScomb 的属性分组规则 sort-orde 决定的。