Traiter avec Gulp, Bundler, Ruby et Susy

Question

Selon this il est possible de compiler susy installer à partir de Ruby avec Gulp. Mais est-il possible d'utiliser gulp-sass au lieu de gulp-compass ou gulp-ruby-sass en raison de la performance et de la dépréciation? En fait, j'utiliser dans mes gulpfile.js:

gulpfile

var gulp = require('gulp'); 

// Include plugins 
var plugins = require('gulp-load-plugins')(); 

// Variables de chemins 
var source = './sass/**/*.scss'; // dossier de travail 
var destination = './css/'; // dossier à livrer 

gulp.task('sasscompil', function() { 
    return gulp.src(source) 
    .pipe(plugins.sass({ 
     outputStyle: 'compressed', 
     includePaths: ['/home/webmaster/vendor/bundle/gems/susy-2.2.2/sass'] 
    }).on('error', sasscompil.logError)) 
    .pipe(plugins.csscomb()) 
    .pipe(plugins.cssbeautify({indent: ' '})) 
    .pipe(plugins.autoprefixer()) 
    .pipe(gulp.dest(destination + '')); 
}); 

Mais le journal d'erreur ne fonctionne pas parce que sasscompil est définit pas. Ensuite, je dois donner le chemin pour toutes les ex-boussole comprend comme susy, impertinent-bouton, etc. est-il possible de donner un chemin global pour les gemmes? autre chose, est-ce que j'installe des plugins de gulp malgré l'utilisation de gulp-load-plugins? parce que gulp ne trouve pas de plugins si je ne fais pas ça.

Merci

Answer 1

Vous devez changer sasscompil.logError-plugins.sass.logError

tels que

gulpfile.js

gulp.task('sasscompil', function() { 
    return gulp.src(source) 
    .pipe(plugins.sass({ 
     outputStyle: 'compressed', 
     includePaths: ['/home/webmaster/vendor/bundle/gems/susy-2.2.2/sass'] 
    }).on('error', plugins.sass.logError)) 
... 
}); 

gulp-SASS doc:

Pass in options just like you would for node-sass; they will be passed along just as if you were using node-sass. Except for the data option which is used by gulp-sass internally. Using the file option is also unsupported and results in undefined behaviour that may change without notice.

exemple

gulp.task('sass', function() { 
return gulp.src('./sass/**/*.scss') 
    .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) 
    .pipe(gulp.dest('./css')); 
});