search

youngwind / blog

梁少峰的个人博客
4.66k stars 385 forks source link

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

Open youngwind opened 8 years ago

youngwind commented 8 years ago

前言

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

1. 属性排序

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

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

linters:
  PropertySortOrder:
    order: concentric