Łyk Łyk-ruby plugin-Sass nie kompilacją

Question

haustem wtyczki łyk-ruby-Sass (https://github.com/sindresorhus/gulp-ruby-sass) dając nie kompilacji, komunikat o błędzie w terminalu nadchodzących jak to

Error: must provide pattern

Oto gulpfile.js szczegóły

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 mówi należy to zrobić tak:

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

Składnia łyk-ruby-Sass został zmieniony:

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

Proszę to sprawdzić i zaznaczyć swój problem jako rozwiązany.

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