sass-es2015-gulpfile

gulpfile.js

var babelify     = require('babelify');
var browserify   = require('browserify');
var fs           = require('fs');
var gulp         = require('gulp');
var sass         = require('gulp-ruby-sass');

var paths = {
  scripts: {
    root: './resources/js/modules/index.js',
    destDir: './public/dist/js',
    dest: './public/dist/js/app.js'
  },
  styles: {
    root: './resources/sass/styles.sass',
    dest: './public/dist/css'
  }
};

gulp.task('scripts', function(done) {
  fs.mkdir(paths.scripts.destDir, function(error) {
    browserify(paths.scripts.root).
      transform('babelify').
      bundle().
      pipe(fs.createWriteStream(paths.scripts.dest));
    return done();
  });
});

gulp.task('styles', function(done) {
  return sass(paths.styles.root, {
    style: 'compressed',
    sourcemap: true
  }).
    on('error', sass.logError).
    pipe(gulp.dest(paths.styles.dest));
});

gulp.task('watch', function(done) {
  gulp.watch(
    paths.scripts.root,
    ['scripts']
  );

  gulp.watch(
    paths.styles.root,
    ['styles']
  );
  return done();
});

gulp.task('default', [
  'scripts',
  'styles',
  'watch'
]);