Question

我使用csscomb.js来组织我的CSS。它完美无缺，除了我不想在分组之间进行换行。[见图片]

有没有办法删除它们？我看着每个地方。

示例

这是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 的属性，如下所示：

原件：

"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/csscomb/csscomb.js/issues/314

Answer 2

你可以尝试将插件csscomb-group-size连接到csscomb，就像寻找答案本身一样.... Here a关于开发人员写的一点点：

CSScomb - 一个很棒的工具，但有时你想添加任何东西。所以我们试图尽可能地使代码模块化和轻松扩展。你可以添加＆＃34;梳子＆＃34;所需的功能不是用叉子打扰了。要做到这一点，有三种方法：
connect a third-party plug-in
write your plugin
done on the basis of its postprocessor CSScomb
第三方插件

使用别人插件的最简单方法。例如，这是一个   删除声明组之间空行的选项   当小组回报太少时。 Connect插件非常简单   这是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');

但如何使一切顺利，我无法理解，或许，你会详细了解文档并理解。

csscomb删除分类组之间的换行符

2 个答案:

原件：

新：