gulpfile.js

var gulp = require('gulp');
var path = require('path');
var clean = require('gulp-clean')
var concat = require('gulp-concat');
var sass = require('gulp-ruby-sass');
var htmlmin = require('gulp-htmlmin');
var cleancss = require('gulp-clean-css');
var browserSync = require('browser-sync');
var reload = browserSync.reload;

gulp.task('scss', function() {
  return sass(path.join(__dirname, 'scss/*.scss'))
    .pipe(concat('style.css'))
    .pipe(gulp.dest(path.join(__dirname, 'css')))
    .pipe(reload({stream: true}));
});

gulp.task('clean', function() {
  return gulp.src([path.join(__dirname, 'css')], {read: false}).pipe(clean());
});


gulp.task('watch', function() {
  browserSync({
    server: {
      baseDir: './demo'
    }
  });

  gulp.watch(path.join(__dirname, '/scss/*.scss'), ['scss']);
  gulp.watch(path.join(__dirname, '*.html')).on('change', browserSync.reload);
});

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