Grunt:与Grunt contrib sass一起使用时出现节点波旁语法错误

Question

我在尝试将node bourbon与grunt contrib sass一起使用时遇到以下错误。

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

它抱怨这种语法(特别是-webkit文章)：

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

有人碰到过这个吗？我真的希望不用为了使用格兰特而停止使用波旁威士忌。

如果你需要任何进一步的信息，请告诉我。

谢谢，Paul

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波旁威士忌使用的是grunt sass，而不是grunt contrib sass。