未定義的scss變量錯誤

我試圖編譯我的SCSS，而且我有一個相當莫名的吞嚥錯誤。未定義的scss變量錯誤

所以我檢查了我的代碼，一切顯示正常。這是我的_colors.scss文件中的變量。

// dark shades 
$gray1:   #3c3c3d !default; 
$gray2:   #5a5a5b !default; 
$gray3:   #7d7d7e !default;

這裏還有被觸發錯誤_base.scss

body{ 
    box-sizing: border-box; 
    color: $gray1; 
    font-family: $base-font; 
    font-size: $font-size; 
    line-height: $line-height; 
    min-height: 100%; 
    position: relative; 
}

線路，這裏是我的gulpfile CSS的任務，我跑了。

gulp.task('css', function() { 
    return sass('scss/**/*.scss') 
     .pipe(sourcemaps.init()) 
     .pipe(autoprefixer()) 
     .pipe(concat('styles.css')) 
     .on('error', sass.logError) 
     .pipe(sourcemaps.write()) 
     .pipe(gulp.dest('./css')) 
      .pipe(notify({ message: 'Wait for it....wait for it!!!' })); 
});

我所有的代碼也是this repository如果你想閒逛（它沒有太多尚）

來源

2016-08-17 Kathryn Crawford

你是否在_base.scss之前包含_collors.scss，如果不是它可能是它編譯它時，它不會知道變量，因爲它在以後得到重點 –

啊！而已。自從我使用SASS以來已經有一段時間了。添加您的評論作爲答案，我會標記它是正確的。 –