var gulp = require('gulp');
var rename = require('gulp-rename');
var sass = require('gulp-sass');
var server = require("browser-sync").create();

gulp.task ('copyStyle', function() {
    return gulp.src('./scss/**/*.scss')
        .pipe(sass({
            errorLogToConsole: true,
            outputStyle: 'compressed'
        }))
        .on('error', console.error.bind(console))
        .pipe(rename({suffix: '.min'}))
        .pipe(gulp.dest("./css/"))
        .pipe(server.stream());
});

gulp.task("server", function () {
    server.init({
      server: "./",
      notify: false,
      open: true,
      cors: true,
      ui: false
});

gulp.watch('scss/**/*.{scss,sass}', gulp.series('copyStyle'));
gulp.watch("/*.html").on("change", server.reload);
});

gulp.task("start", gulp.series("copyStyle", "server"));