gulpfile.babel.js

import gulp from 'gulp';
import webpack from 'webpack';
import gutil from 'gulp-util';
import del from 'del';
import rename from 'gulp-rename';
import sass from 'gulp-sass';
import cleanCSS from 'gulp-clean-css';
import webpackConfig from './webpack.config.dist.babel';

gulp.task('clean', () =>
  del(['./dist/*']),
);

gulp.task('webpack:build', () => {
  webpack(webpackConfig, (err, stats) => {
    if (err) {
      throw new gutil.PluginError('webpack:build', err);
    }
    gutil.log('[webpack:build]', stats.toString({
      colors: true,
    }));
  });
});

gulp.task('sass:watch', () =>
  gulp.watch('./src/assets/sass/*.scss', ['sass']),
);

gulp.task('sass', () =>
  gulp.src(['./src/assets/sass/*.{scss,sass}'])
  .pipe(sass({ includePaths: ['bower_components', 'node_modules'], errLogToConsole: true }))
  .pipe(gulp.dest('./dist'))
  .pipe(rename({ suffix: '.min' }))
  .pipe(cleanCSS({ compatibility: 'ie8' }))
  .pipe(gulp.dest('./dist')),
);

gulp.task('build', ['webpack:build', 'sass'], () =>
  del('./dist/video.css'),
);

gulp.task('default', ['clean', 'build']);