Compiling with gulp/node/libsass is taking 30+ seconds -

Compiling with gulp/node/libsass is taking 30+ seconds -

i'm using gulp node-sass compile sass. using node-neat , node-bourbon. however, when compile, takes 30-50 seconds! doing wrong? i'm not sure how libsass plays gulp-sass , node-sass, or difference between gulp-sass , node-sass is. in gulpfile.js, i've tried both sass = require('gulp-sass'), , sass = require('node-sass'), give me same results. also, i'm using plumber , if have error stops watching. here gulpfile.js:

var gulp = require('gulp'), sass = require('gulp-sass'), bourbon = require('node-bourbon').includepaths; neat = require('node-neat').includepaths; cache = require('gulp-cache'), plumber = require('gulp-plumber'), notify = require("gulp-notify"), sourcemaps = require('gulp-sourcemaps'); gulp.task('styles', function() { homecoming gulp.src('sass/cleverdesign.scss') .pipe(plumber()) .pipe(sourcemaps.init()) .pipe(sass({ style: 'expanded', includepaths: require('node-bourbon').includepaths, includepaths: require('node-neat').includepaths})) .pipe(gulp.dest('sass/')) .pipe(sourcemaps.write()) .pipe(gulp.dest('sass/' )); }); // watch gulp.task('watch', function() { // watch .scss files gulp.watch('sass/**/*.scss', ['styles']); }); gulp.task('default', ['styles', 'watch']);

libsass base of operations > nodesass (main node wrapper) > gulp-sass (gulp friendly version)

as slow compile time double check version of node, , ensure node modules gulp-sass newest version. critical bugs have been fixed.

for plumber issue can resolved adding few more lines gulp-sass config. errlogtoconsole: true, , .pipe(plumber.stop())

var gulp = require('gulp'), sass = require('gulp-sass'), bourbon = require('node-bourbon').includepaths; neat = require('node-neat').includepaths; cache = require('gulp-cache'), plumber = require('gulp-plumber'), sourcemaps = require('gulp-sourcemaps'); gulp.task('styles', function() { homecoming gulp.src('sass/mainscss.scss') .pipe(plumber()) .pipe(sourcemaps.init()) .pipe(sass({ style: 'expanded', errlogtoconsole: true, includepaths: require('node-bourbon').includepaths, includepaths: require('node-neat').includepaths})) .pipe(gulp.dest('sass/')) .pipe(sourcemaps.write()) .pipe(plumber.stop()) .pipe(gulp.dest('sass/' )) }); // default task gulp.task('default', function() { gulp.start('styles'); }); // watch gulp.task('watch', function() { gulp.watch('sass/**/*.scss', ['styles']); });

gulp gulp-watch gulp-sass node-sass libsass