scss-lint实战碰到的一些问题以及解决方案

[youngwind]

前言

之前在项目中引入了scss-lint，参考 #19 。在用的时候踩到一些坑，记录在这个地方。

1. 属性排序

// 比如这样的代码会报错！
.refresh {
  margin-left: 10px;
  color: $color;
}

显然不科学啊！margin-left当然应该排在color前面啊！
后来发现scss-lint默认属性排序是按照字母排序的......参考这里 sds/scss-lint#463
解决方法：重新设置属性顺序，参考这里

linters:
  PropertySortOrder:
    order: concentric