schluck Plugin schluck-rubin sass Kompilieren nicht

Question

Gulp Plugin schluck-Rubin-Sass (https://github.com/sindresorhus/gulp-ruby-sass) gibt nicht kompilieren, die Fehlermeldung im Terminal wie dies hier

Error: must provide pattern

kommt, ist die gulpfile.js Details

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

Die official gulp-ruby-sass documentation sagt es, wie dies geschehen soll:

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

Die schluck-Rubin-Sass-Syntax wird geändert: es

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/') 
    ;         ; 
});         }); 

Bitte

überprüfen und Ihr Problem markieren als gelöst.

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')) 
    });