gulpfile.js

var gulp = require('gulp');
var rename = require('gulp-rename');
var webpack = require('webpack-stream');
var connect = require('gulp-connect');
var plugins = require('gulp-load-plugins')();
var sass = require('gulp-sass');

gulp.task('build-js', function() {
  return gulp.src('js/app.js')
    .pipe(webpack({
      module: {
        loaders: [
          {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader?stage=0&optional[]=runtime&loose=true&nonStandard=true'
          },
        ],
      },
    }))
    .pipe(rename('app.js'))
    .pipe(gulp.dest('dist/'));
});

gulp.task('build-sass', function() {
  gulp.src('./css/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(gulp.dest('./dist'));
});

gulp.task('setup-watchers', function(callback) {
  process.env.WEBPACK_WATCH = true;
  gulp.watch(['js/**/*'], ['build-js']);
  gulp.watch(['css/**/*.scss'], ['build-sass']);
  callback();
});

gulp.task('webserver', ['build-js', 'build-sass'], function() {
  connect.server();
});

gulp.task('default', ['setup-watchers', 'webserver']);

gulp.task('jasmine', function() {
  var plugin = new (require('gulp-jasmine-browser/webpack/jasmine-plugin'))();
  return gulp.src('spec/**/*_spec.js')
    .pipe(webpack({
      devtool: 'eval',
      watch: true,
      module: {
        loaders: [
          {
            test: /\.js$/,
            exclude: /node_modules/,
            loader: 'babel-loader?stage=0&optional[]=runtime&loose=true'
          }
        ]
      },
      output: {filename: 'spec.js'},
      plugins: [plugin]
    }))
    .pipe(plugins.jasmineBrowser.specRunner())
    .pipe(plugins.jasmineBrowser.server(plugin.whenReady));
});