BrowserSync 与 gulp 和 wamp 不刷新 php 文件答案

【问题标题】：BrowserSync with gulp and wamp not refreshing php filesBrowserSync 与 gulp 和 wamp 不刷新 php 文件
【发布时间】：2016-01-15 23:33:56
【问题描述】：

我的 gulp 文件：

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();

//server
gulp.task('run', function() {
    browserSync.init({
        proxy: "http://localhost/test-site/"
    });
    gulp.watch("./*.php").on('change', browserSync.reload);
});

当从终端运行 gulp run 时，它会触发浏览器并按预期显示页面，但没有“连接到 browserSync”消息，并且在保存一些更改时，gulp watch 会触发并且终端显示 [BS] Reloading Browsers... 但浏览器不刷新页面

另一方面，当我将文件扩展名更改为“html”并将 gulp watch 更改为 gulp.watch("./*.html").on('change', browserSync.reload); 这一切都按预期工作：运行任务时它会触发浏览器，这次是“连接到 browserSync”消息，并在保存一些更改时刷新页面。今天早些时候，我确实设法刷新了有关 php 文件更改的页面，但我丢失了它并且找不到它不再工作的原因，我在谷歌上找不到任何关于它的帖子有任何想法吗？

【问题讨论】：

标签： wamp gulp-watch browser-sync

【解决方案1】：

创建reload 和projectPHPWatchFiles 对象

var projectPHPWatchFiles = './**/*.php'; // Path to all PHP files.    
var reload = browserSync.reload; // For manual browser reload.

然后在你的监视过程中，添加这个

gulp.watch( projectPHPWatchFiles, reload); // Reload on PHP file changes.

它会在更改时开始刷新。如果你使用 WordPres，我有一个方便的 WPGulp 回购，它可以处理所有这些。

【讨论】：