JSFiddle - React, Tailwind, and code Playground

JavaScript

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

gulp.task('serve', ['sass'], function() {

	  browserSync.init({
	    server: './'
	  });

    gulp.watch(['./sass/**/*.sass', './sass/**/*.scss'], ['sass']);
    gulp.watch('./*html').on('change', browserSync.reload);

});

gulp.task('sass', function() {
	return gulp.src(['./sass/style.sass', './sass/style.scss'])
	  .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
	  .pipe(gulp.dest('./css'))
	  .pipe(browserSync.stream());
});

gulp.task('default', ['serve']);