Konfigurieren von gulpfile.js für PHP Server und Browser Sync

Question

Ich möchte lokal einen PHP-Server erstellen, der Änderungen an meinen Dateien mit Browser Sync überwacht. Ich möchte es neue Registerkarte in meinem Browser öffnen und Inhalt der index.php-Datei anzeigen. Mein gulpfile.js:

var gulp = require('gulp'); 
var browserSync = require('browser-sync').create(); //reloading while saving file 
var php = require('gulp-connect-php'); //for PHP server 

// ------------------------------------------------- // 
// --------- Server and watching for changes --------// 
// ------------------------------------------------- // 


gulp.task('php', function() { 
    php.server({ base: 'src', port: 8080, keepalive: true, hostname: 'localhost'}); 
}); 

gulp.task('browser-sync',['php'], function() { 
    browserSync.init({ 
     proxy: '127.0.0.1', 
     port: 8080 
    }); 
}); 

gulp.task('htmlServer', function() { 
    gulp.src(['src/*.+(html|ico|php)']) 
    .pipe(browserSync.reload({ 
     stream: true 
    }));; 
}); 

gulp.task('stylesServer', function() { 
    gulp.src(['src/styles/*.css']) 
    .pipe(browserSync.reload({ 
     stream: true 
    })); 
}); 

gulp.task('jsServer', function() { 
    gulp.src(['src/scripts/*.js']) 
    .pipe(browserSync.reload({ 
     stream: true 
    })); 
}); 

// --------- wrapped together --------- // 

gulp.task('server', ['browser-sync','php','htmlServer','stylesServer','jsServer'], function() { 
    gulp.watch('src/styles/*.css',['stylesServer']); 
    gulp.watch('src/*.+(html|php)',['htmlServer']); 
    gulp.watch('src/scripts/*.js',['jsServer']); 
}); 

Aber wenn ich starten schluck Servertask es öffnet neuen Tab im Browser aus und hält wie auf dem Bildschirm geladen:

Kann mir jemand helfen? Ich habe in vielen Tutorials gesucht, aber nichts hat funktioniert und ich möchte nicht mehr und mehr verwirrt werden. Vielen Dank im Voraus für Ihre Hilfe.

Answer 1

var gulp = require('gulp'); 
var browserSync = require('browser-sync').create(); //reloading while saving file 
var php = require('gulp-connect-php'); //for PHP server 

Kontrolle dieser Abschnitt schreiben Sie schlucken, aber sie benötigt haben gulp.php zu schreiben und wo Sie einen beliebigen Dateinamen aufrufen Sie Erweiterung der Datei hinzufügen müssen, dann rufen Sie diese Datei in Ihrem Projekt