分类触笔内容

Question

有没有一种方法可以按某些标准（例如字母顺序或规则域）对Stylus文件中的行进行排序，例如所有背景属性放在一起，然后是所有定位属性（如 top，right等）？当然，这些行应该留在它们的父元素内。以下是一个示例：

#topbar
    clearfix()
    position fixed
    height topBarHeight
    border-bottom 1px solid rgba(#fff, 0.2)
    box-sizing border-box
    z-index 200
    right 0
    left 0

可以通过域名进行分组，变成这样：

#topbar
    // mixins
    clearfix()
    // positioning and sizing
    position fixed
    z-index 200
    left 0
    right 0
    box-sizing border-box
    height topBarHeight
    // border
    border-bottom 1px solid rgba(#fff, 0.2)
    // the rest
    ...

这是完美主义者的一种癖好，但是将所有文件内容按照某种顺序排列会很棒。

- Sergei Basharov

Answer 1

如果您想要在stylus源文件中对行进行排序，我建议使用像vim这样的可编写脚本的文本编辑器。如果您希望输出进行优化，可以使用一些postcss插件。您可能需要查看postcss-sort和postcss-merge-rules。如果您使用关键字“merge”，您将会找到更多相关插件。

- Jan Wirth