// First rename File to gulpfile.js

const { src, dest, task, 
        watch, series } = require('gulp');
const sass = require('gulp-sass');
const postcss = require('gulp-postcss');
const tailwindcss = require('tailwindcss');
const autoprefixer = require('autoprefixer');

task('dev-style', () => {
    return src('sass/**/*.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(postcss([
        tailwindcss('./tailwind.config.js'),
        autoprefixer()
    ]))
    .pipe(dest('./'));
});

task('watch', (done) => {
    watch('sass/**/*.scss', series('dev-style'));
    done();
})

exports.default = series('dev-style', 'watch');