JSFiddle - React, Tailwind, and code Playground

JavaScript

let gulp = require('gulp'),
    sass = require('gulp-sass'),
    browserSync = require('browser-sync');


gulp.task('sass', function () {
    return gulp.src('src/sass/**/*.sass')
        .pipe(sass())
        .pipe(gulp.dest('src/css'))
        .pipe(browserSync.reload({stream: true}))

});

gulp.task('browserSync', function () {
    browserSync({
        server: {
            baseDir: 'src'
        },
        notify: false
    })
});

gulp.task('watch', function () {
    gulp.watch('src/sass/**/*.sass', gulp.parallel('sass'));
});

gulp.task('default', gulp.parallel('watch','browserSync'));