var gulp = require('gulp');
var sass = require('gulp-sass');
var cssmin = require('gulp-cssmin');
 
require('gulp-awaitable-tasks')(gulp);
 
// This will run steps in compile-css synchronously
// * compile all scss files to css files
// * wait for scss compiling to complete
// * minify all generated css files
// * callback and notify gulp that we are done
 gulp.task('compile-css', function*() {
//                        ^^^^^^^^^^
//                        This is a generator function
    yield gulp.src('./scss/**/*.scss',  { base: "./" })
//  ^^^^^
//  use *yield* keyword to await a stream or promise step 
        .pipe(sass())
        .pipe(gulp.dest('./styles'));
 
    yield gulp.src('./styles/**/*.css',  { base: "./" })
        .pipe(cssmin())
        .pipe(gulp.dest('.'));
 });