wamp - BrowserSync 与 gulp 和 wamp 不刷新 php 文件

Question

我的吞咽文件:

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] 正在重新加载浏览器... 但浏览器未刷新页面

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

Answer 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它负责所有这一切。