gulp-sass-parallel

gulp-sass-parallel.js

function sass(path) {
  var cssFilter = $.filter('**/*.css');

  return gulp.src(path, { base: 'app', dot: true })
    .pipe($.changed($.config.tmp, {extension: '.css'}))

    .pipe($.plumber())
    .pipe($.rubySass({
      container: path.replace(/[\*\/]/g, "_")
    }))
      .on('error', $.util.log)
      .on('error', $.util.beep)
    .pipe($.autoprefixer('last 1 version'))
    .pipe(gulp.dest($.config.tmp))
    .pipe(cssFilter)
    .pipe($.browserSync.reload({stream:true}))
    .pipe(cssFilter.restore())
    .pipe($.size());
}

var sassPaths = [
  'app/components/controls',
  'app/components/screens',
  'app/styles',
];

sassPaths.forEach(function (path, i) {
  gulp.task('sass' + i, function () {
    return sass(path + '/**/*.scss');
  });
});

gulp.task('sass', function (done) {
  var tasks = sassPaths.map(function (path, i) { return 'sass' + i; });
  return $.runSequence(tasks, done);
});