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布尔设置为true，以便compass使用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());
});

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

1 个答案: