PHP Server gulpfile.js

gulpfile.js

// grab all our packages
var gulp         = require('gulp');
var php          = require('gulp-connect-php');
var browserSync  = require('browser-sync');
var reload       = browserSync.reload;
var autoprefixer = require('gulp-autoprefixer');
var sass         = require('gulp-sass');
var htmlmin      = require('gulp-htmlmin');

var autoprefixerOptions = {
  browsers: ['last 2 versions', '> 5%', 'Firefox ESR']
};

// create a task to serve the app
gulp.task('php', function() {

    // start the php server
    php.server({},function(){
        browserSync({
          proxy: '127.0.0.1:8000'
        });
    });

});

// Static Server + watching scss/html files
gulp.task('serve', ['php'], function() {
    gulp.watch("*.php").on('change', reload);
});

gulp.task('minify', function() {
  return gulp.src('*.html')
    .pipe(htmlmin({collapseWhitespace: true}))
    .pipe(gulp.dest('dist'))
});

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
    return gulp.src("sass/*.scss")
        .pipe(sass({outputStyle: 'compressed'}))
        .pipe(autoprefixer(autoprefixerOptions))
        .pipe(gulp.dest("css"))
        .pipe(browserSync.stream());
});

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