吞插件吞-紅寶石薩斯未編譯

Question

咕嘟咕嘟插件吞-紅寶石SASS（https://github.com/sindresorhus/gulp-ruby-sass），得到未編譯，在終端中的錯誤消息這樣

Error: must provide pattern

這裏未來是gulpfile.js細節

var gulp = require('gulp'), 
    uglify = require('gulp-uglify'), 
    sass = require('gulp-ruby-sass'); 

    gulp.task('styles', function (argument) { 
     gulp.src('sass/app.scss') 
      .pipe(sass()) 
      .pipe(gulp.dest('css/')); 
    }); 

Answer 1

的official gulp-ruby-sass documentation認爲它應該這樣做：

var gulp = require('gulp'); 
var sass = require('gulp-ruby-sass');  

gulp.task('sass', function() { 
    return sass('source/file.scss') 
    .on('error', sass.logError) 
    .pipe(gulp.dest('result')); 
}); 

Answer 2

吞氣，紅寶石薩斯語法已經改變：

instead of:       it is now: 

gulp.task('styles', function(){  gulp.task('styles', function(){ 
    gulp.src('sass/app.scss')   return 
     .pipe(sass())      sass('sass/app.scss') 
     .pipe(gulp.dest('css/')    .pipe(gulp.dest('css/') 
    ;         ; 
});         }); 

請檢查出來，併爲解決標記您的問題。

Answer 3

Install libsass because it runs much faster than ruby sass , it works with node

npm install gulp-sass --save-dev` 

Install gulp load plugins because it does so much and loads plugins from your json and you dont need to declare in your gulpfile (carefull how many you use because if you load too many it hinders performance)

npm install --save-dev gulp-load-plugins 

---

var gulp = require('gulp'), 
     $ = require('gulp-load-plugins')({ 
     pattern: ['gulp-*', 'gulp.*'], 
     replaceString: /\bgulp[\-.]/, 
     lazy: true, 
     camelize: true 
     }); 

gulp.task('libsass', function() { 
     gulp.src('sass/app.scss') 
      .pipe($.sass({errLogToConsole: true})) 
      .pipe($.autoprefixer({ 
      browsers: ['last 2 versions'], 
      cascade: false 
      })) 
      .pipe($.sourcemaps.write('app/css/map')) 
      .pipe(gulp.dest('app/css')) 
    });