Question

我的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时，它会触发浏览器并按预期显示该页面，但没有将＃34;连接到browserSync＆＃34; msg，当保存一些更改时，gulp watch会触发，终端显示[BS] Reloading Browsers...但浏览器没有刷新页面

另一方面，

当我将文件扩展名更改为＆＃34; html＆＃34;和gulp观看gulp.watch("./*.html").on('change', browserSync.reload); 这一切都按预期工作：当运行任务时，它启动浏览器，这次使用＆＃34;连接到browserSync＆＃34; msg和保存一些更改时刷新页面。今天早些时候我确实设法刷新了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，它负责所有这些。

BrowserSync with gulp和wamp not refresh php files

1 个答案: