घूंट प्लगइन घूंट-माणिक सास संकलन

Question

Gulp प्लगइन घूंट-माणिक सास (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')) 
    });