csscomb移除固定组间的线段

Question

我使用csscomb.js来组织我的css。它工作得很完美，但我不希望在groups.see图像之间插入行间隔。

有办法移除这些吗？我到处都找过了。

​

示例

这是mij设置：

 "remove-empty-rulesets": false,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": "  ",
    "color-shorthand": false,
    "element-case": "lower",
    "leading-zero": true,
    "quotes": "single",
    "sort-order-fallback": "abc",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": "\n",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": false,
    "tab-size": true,
    "unitless-zero": true,
    "vendor-prefix-align": true,

Answer 1

没有选择，但这里有一个解决办法，我使用。

编辑名为排序顺序的属性，如下所示：

原件：

"sort-order": [
        [
            "font",
            "font-family",
            "font-size",
            "font-weight",
            "font-style",
            "font-variant",
            "font-size-adjust",
            "font-stretch",
            "font-effect",
            "font-emphasize",
            "font-emphasize-position",
            "font-emphasize-style",
            "font-smooth",
            "line-height"
        ],
        [
            "position",
            "z-index",
            "top",
            "right",
            "bottom",
            "left"
        ],
        ...

新的：

    "sort-order": [
        [
            "font",
            "font-family",
            "font-size",
            "font-weight",
            "font-style",
            "font-variant",
            "font-size-adjust",
            "font-stretch",
            "font-effect",
            "font-emphasize",
            "font-emphasize-position",
            "font-emphasize-style",
            "font-smooth",
            "line-height",
            "position",
            "z-index",
            "top",
            "right",
            "bottom",
            "left",
            ...
         ]
     ]

基本上，您将组合并为一个，因此没有添加分隔线。以下是Csscomb创建者的官方回应：Github.com/css梳理/csscom.js/issues/314

Answer 2

您可以尝试将插头size梳组大小连接到csscomb，就像寻找答案本身一样.

在这里有一点关于开发人员所写的内容：

CSScomb --这是一个很好的工具，但有时您想添加任何东西。因此，我们试图使代码尽可能模块化和易于扩展。您可以添加“梳子”所需的功能，而不用费心使用叉子。要做到这一点，有三种方法： 连接第三方插件，编写基于其后处理器CSScomb的插件。 第三方插件 用别人的插头最简单的方法。例如，当声明组返回的太少时，这里有一个选项可以删除声明组之间的空行。连接插件非常简单，因为这是use ()方法：

var CSScomb = require('csscomb');
var groupSize = require('csscomb-group-size');

 // Number 4 indicates that if the group is less than 4 returns between this
 // And the previous group will remove the empty string delimiter:
var config = { 'group-size': 4 };

// Create a new instance of the "comb":
var csscomb = new CSScomb().use(groupSize).configure(config);

// Works wonders:
csscomb.processPath('path/to/css');  

但是如何使它全部工作，我无法理解，也许，你会学到详细的文档和理解。