Gulp-sass没有在包含文件中找到变量？

Question

我有一个地方的地图被宣布为_variables.scss文件：

$chord1: (
    color1: rgb(0, 155, 223), 
    color2: rgb(114, 191, 68), 
    color3: rgb(207, 9, 137), 
    color4: rgb(62, 83, 164) 
); 

$chord: $chord1; 

我有第二个文件。 _globals.scss其中I引用此：

.myClass { color: map-get($chord, color1); } 

我有一个主SCSS文件作为app.scss，其@imports它们：

@import 'colors'; 
@import 'globals'; 

然而，吞掉-SASS引发错误Error: invalid top-level expression基于该地图上-得到。

我在一个项目上使用gulp-ruby-sass，它工作。但是，在这个项目中我们使用了gulp-sass 1.1.0。我的g task任务是：

gulp.task('styles', function() { 
    return gulp.src('./app/assets/sass/app.scss') 
    .pipe(plumber()) 
    .pipe(sass({ style: 'expanded' })) 
    .pipe(gulp.dest('./app/assets/css')) 
    .pipe(reload({stream: true})); 
}); 

这样的事情是不是在gulp-sass中工作？或者我做错了什么？

Answer 1

一半猜测：导入工作正常，但node-sass不支持Sass 3.3附带的映射。

https://github.com/sass/node-sass#reporting-sass-compilation-and-syntax-issues

的libsass库不是目前与3.2红宝石宝石功能奇偶校验，大多数萨斯用户将使用，并拥有小到无的3.3语法的支持。虽然我们尽力保持与libsass的功能相同，但我们无法启用尚未在libsass中实现的功能。