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;
}

有人碰到这个吗？ 我真的希望不必为了使用Grunt而停止使用Bourbon。

如果您需要更多信息，请告诉我。

谢谢保罗

Answer 1

该Sass错误通常表示在声明块外部使用了属性（例如-webkit-box-sizing ， font-family ）。 在您的情况下，很可能是混合块不在声明块内。 这是我的意思的一些例子：

/* 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。