Grunt：与grunt-contrib-sass一起使用时的node-bourbon语法错误

Question

尝试使用带有grunt-contrib-sass的node-bourbon时出现以下错误。

语法错误：只允许在规则，指令，mixin包含或其他属性中使用属性。在sass / style.scss第6行的sass / bourbon / addons / _prefixer.scss第14行

它抱怨这种语法（特别是-webkit片段）：

@if $prefix-for-webkit {
    -webkit-#{$prop}: $value;
}

有没有人碰到这个？我真的希望不必停止使用Bourbon来使用Grunt。

如果您需要任何进一步的信息，请与我们联系。

谢谢， 保罗

Answer 1

Sass错误通常意味着在声明块之外使用属性（例如-webkit-box-sizing，font-family）。在你的情况下，它可能是一个不在声明块内的mixin。以下是我的意思的一些例子：

/* error */
-webkit-box-sizing: border-box;

/* error */
@include prefixer(box-sizing, border-box, webkit moz spec);

/* all good */
div {
  -webkit-box-sizing: border-box;
}

/* all good */
div {
  @include prefixer(box-sizing, border-box, webkit moz spec);
}

Answer 2

node-bourbon正在使用grunt-sass而不是grunt-contrib-sass。