如何更改SASS输出样式，以便在每个结束大括号后生成新行

Question

处理后的代码如下所示：

.body {
  color: #eeeeee;
}
.someting {
    color: #dddddd;
}

我希望它是：

.body {
  color: #eeeeee;
}
.someting {
    color: #dddddd;
}

有这样的可能性吗？谷歌找不到答案。

Answer 1

我打赌你可以写一个简单的正则表达式find-replace-查找}的并用}n替换，然后让Grunt在你的css上执行它（从SASS编译后）。

这看起来会奏效：

• https://npmjs.org/package/grunt-regex-replace

Answer 2

我认为你能得到的最接近的是expanded。嵌套时不会出现额外的换行符，但示例代码的输出与您演示的完全一样。

Answer 3

要回答此问题，您可以转到rubygems/gems/sass-3.4.9/lib/sass/tree/visitors/to_css.rb（或To_css文件所在的任何位置），并编辑以下内容：

output("}" + trailer)到output("}n" + trailer)

然后删除这个换行符：

trailer = "n" if node.group_end

在解析嵌套时，这可能是一个疏忽，因为在"拖车"上设置的换行符适用于其他每一行（因此，如果不嵌套任何内容，则可以将行加倍而不删除它）。