错误用gulp编译susy2

时间:2014-08-25 15:20:32

标签: gulp-sass susy

我有一个非常简单的基于gulp的测试环境,只使用sass和susy2 gem - 没有指南针,因为指南针不再是susy 2的依赖

我得到的错误是

...sass/susy/language/susy/settings:8:error: error reading values after container

问题文件的第8行,susy的设置如下:

@include susy-defaults((
  container: auto, <- line 8
  math: fluid,
  output: float,
  container-position: center,
  gutter-position: after,
  global-box-sizing: content-box,
  debug: (
    image: hide,
    color: rgba(#66f, .25),
    output: background,
    toggle: top right,
    inspect: false,
  ),
));

我使用sass版本3.4,它应该支持sass map语法和gulp-sass版本0.7.3。与susy 2.1.3一起。

我知道为什么会出现这个错误?

2 个答案:

答案 0 :(得分:1)

您必须将SASS更新到3.3以后。截至撰写本文时,SASS的当前版本为3.4.1 Selective Steve。在您的终端中键入sass -v(假设为OSX),以查看您当前使用的SASS版本。

答案 1 :(得分:1)

gulp-sass实际上是Node-sass的包装器,它也是一个库 它为Node.js提供了对libsass的绑定,这是流行的C版本 样式表预处理器,Sass。

它允许您以令人难以置信的速度本地编译.scss文件到css 自动通过连接中间件。

正如此node-sass页面所说:

  

&#34; .. libsass库目前与3.2 Ruby Gem的功能不相同   大多数Sass用户将使用,并且很少支持3.3语法。   虽然我们尽力保持与libsass的功能奇偶校验,但我们不能   启用尚未在libsass中实现的功能。&#34;

所以无关紧要您安装了哪个版本的sass, 因为gulp-sass没有使用它。

susy2出现的问题是libsass当前没有出现的问题 支持一些功能susy2暴露。

我解决这个问题的方法是使用 gulp-ruby-sass代替 gulp-sass,速度较慢但功能更丰富。并将与Susy2一起使用。