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

@youngwind 2016-01-12 10:17:11发表于 youngwind/blog 工程化

前言

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

1. 属性排序

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

2016-01-12 6 13 37
显然不科学啊!margin-left当然应该排在color前面啊!
后来发现scss-lint默认属性排序是按照字母排序的......参考这里 brigade/scss-lint#463
解决方法:重新设置属性顺序,参考这里

linters:
  PropertySortOrder:
    order: concentric