gulpfile.js

var gulp = require('gulp'),
    gutil = require('gulp-util'),
    sass = require('gulp-sass'),
    browserSync = require('browser-sync'),
    autoprefixer = require('gulp-autoprefixer'),
    uglify = require('gulp-uglify'),
    // jshint = require('gulp-jshint'),
    header  = require('gulp-header'),
    rename = require('gulp-rename'),
    cssnano = require('gulp-cssnano'),
    sourcemaps = require('gulp-sourcemaps'),
    package = require('./package.json');


var banner = [
  '/*!\n' +
  ' * <%= package.name %>\n' +
  ' * <%= package.title %>\n' +
  ' * <%= package.url %>\n' +
  ' * @author <%= package.author %>\n' +
  ' * @version <%= package.version %>\n' +
  ' * Copyright ' + new Date().getFullYear() + '. <%= package.license %> licensed.\n' +
  ' */',
  '\n'
].join('');

gulp.task('css', function () {
    return gulp.src('sass/main.scss')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer('last 4 version'))
    .pipe(gulp.dest('css'))
    .pipe(cssnano())
    .pipe(rename({ suffix: '.min' }))
    .pipe(header(banner, { package : package }))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('css'))
    .pipe(browserSync.reload({stream:true}));
});

// gulp.task('js',function(){
//   gulp.src('src/js/scripts.js')
//     .pipe(sourcemaps.init())
//     .pipe(jshint('.jshintrc'))
//     .pipe(jshint.reporter('default'))
//     .pipe(header(banner, { package : package }))
//     .pipe(gulp.dest('app/assets/js'))
//     .pipe(uglify())
//     .on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
//     .pipe(header(banner, { package : package }))
//     .pipe(rename({ suffix: '.min' }))
//     .pipe(sourcemaps.write())
//     .pipe(gulp.dest('app/assets/js'))
//     .pipe(browserSync.reload({stream:true, once: true}));
// });

gulp.task('browser-sync', function() {
  browserSync({
        proxy: 'http://localhost:8888/tailwind-css-boilerplate'
    });
    // browserSync.init(null, {
    //     server: {
    //         baseDir: "http://localhost:8888/barefoot-travel-prod"
    //     }
    // });
});
gulp.task('bs-reload', function () {
    browserSync.reload();
});

gulp.task('default', ['css', 'browser-sync'], function () {
    gulp.watch("sass/**/*.scss", ['css']);
    // gulp.watch("src/js/*.js", ['js']);
    gulp.watch("http://localhost:8888/tailwind-css-boilerplate/*.php", ['bs-reload']);
});