const gulp = require('gulp'),
      concat = require('gulp-concat'),
      sass = require('gulp-sass');
      browserSync = require('browser-sync').create();

function copy (cb) {
  gulp.src('src/index.html')
    .pipe(gulp.dest('dist'));
  cb();
}

function run() {
  browserSync.init({
    server: {
      baseDir: "./",
      index: "/index.html"
    }
  });
  function reload() {
    browserSync.reload();
  }
  gulp.watch('./css/*.scss', mixin);
  gulp.watch([
    './css/styles.css',
    './js/scripts.js' 
  ]).on('change',gulp.series(build,purge, clean, reload));
  gulp.watch('./index.html').on('change',reload);
  console.log("🔥 Run");
}

exports.copy = copy;
exports.run = run;