JSFiddle - React, Tailwind, and code Playground

JavaScript

const gulp = require('gulp');
const browserSync = require('browser-sync');
const reload = browserSync.reload;
const twig = require('gulp-twig');

const PATHS = {
  src: 'src/',
  dist: 'dist/'
};

gulp.task('views',() => {
  gulp.src(PATHS.src + 'views/*.twig')
    .pipe(twig())
    .pipe(gulp.dest(PATHS.dist + '/views'))
});
gulp.task('serve', ['views'], () => {
  browserSync.init({
    notify: false,
    port: 9000,
    server: {
      baseDir: [PATHS.dist + 'views', PATHS.dist]
    }
});

gulp.task('watch', ['serve'], () => {
	gulp.watch([PATHS.src +'views/**/*.twig'], ['views', reload]);
});