javascript - gulp-ruby-sass 的语法错误似乎不正确

Question

我正在使用 'gulp-ruby-sass' 创建一个 gulp 任务我在终端中收到此错误。

Syntax error: File to import not found or unreadable: compass.
Load paths:
            /Users/antonioortiz/Sites/_test/_aortizRefresh_
            /Users/antonioortiz/Sites/_test/_aortizRefresh_/source/assets/sass
    on line 38 of /Users/antonioortiz/Sites/_test/_aortizRefresh_/source/assets/sass/style.scss

我的指南针版本是Compass 0.12.4 (Alnilam)

我的 sass 版本是 Sass 3.2.18 (Media Mark)

这是我的 gulfile.js 的一些摘录

 var sassSources = ['source/assets/sass/style.scss'];

 gulp.task('sass', function(){
 gulp.src(sassSources)
        .pipe(sass({style:'expanded', lineNumbers:true}))
        .pipe(concat('style.css'))
        .pipe(gulp.dest('source/stylesheets'))
        .pipe(livereload());
});

gulp.task('watch', function() {

   var server = livereload();
   gulp.watch(jsSources,['js']); 
   gulp.watch(sassSources,['sass']); 
   gulp.watch(['javascript/script.js', 'source/*.html'], function(e){
   server.changed(e.path);
  });
});

gulp.task('default', [ 'sass', 'js', 'watch']);

任何帮助都会很棒!

Answer 1

错误消息本身会说话:sass 无法找到您的compass import。

使用gulp-ruby-sass，有一个compass bool 值，您必须将其设置为true才能获取指南针与您的sass一起使用。

这是更正后的任务:

gulp.task('sass', function() {
  return gulp.src(sassSources)
    .pipe(sass({ style:'expanded', lineNumbers:true, compass:true }))
    .pipe(concat('style.css'))
    .pipe(gulp.dest('source/stylesheets'))
    .pipe(livereload());
});