使用 browserSync 和 gulp-connect-php 无休止地重新加载答案

【问题标题】：Endless reload with browserSync and gulp-connect-php使用 browserSync 和 gulp-connect-php 无休止地重新加载
【发布时间】：2016-09-22 09:06:11
【问题描述】：

我终于开始构建自己的任务运行程序，但我坚持使用我真正需要的功能，即 browserSync，但我将 php 与 XAMPP 一起使用。

问题：终端一直告诉我“PHP 服务器未启动。正在重试...”。

由于我对这一切都不熟悉，我似乎无法弄清楚服务器没有连接的原因。请帮忙？

这是我的代码：

// Required tasks
var gulp = require('gulp'),
   connect = require('gulp-connect-php'),
   browserSync = require('browser-sync'),
   reload = browserSync.reload;


// Php Server Tasks
gulp.task('connect', function() {
   connect.server({
      base: './',
      port: 8010,
      keepalive: true
   });
});


// Browser-Sync Tasks
gulp.task('browser-sync',['connect'], function() {
   browserSync({
      proxy: '127.0.0.1:8010',
      port: 8080,
      open: true,
      notify: false
   });
});


// Watch Tasks
gulp.task ('watch', function(){
   gulp.watch('src/sass/**/*.scss', ['styles']);
   gulp.watch('src/js/**/*.js', ['scripts']);
   gulp.watch('./templates/**/*.php', ['html']);
});


// Default
gulp.task('default', ['browser-sync', 'watch']);

【问题讨论】：

标签： php gulp gulp-watch gulp-connect-php

【解决方案1】：

不记得这个解决方案在哪里弹出，但我想我会分享代码，因为它可能会帮助其他人：

明确一点：我不再使用 gulp-connect-php。

// BROWSER-SYNC TASKS
gulp.task('browser-sync', function() {
    browserSync({
        proxy: 'localhost/path/to/the/files',
        open: true,
        notify: false
    });
});

【讨论】：