哟gulp-webapp + BrowserSync

Question

我想在php服务器上使用gulp-webapp（不是默认内置的）。

我的gulp文件looks like this，但这里是提取的部分：

    gulp.task('serve', ['styles'], function () {
    browserSync.init("*", {
        debugInfo: true,
        open: true,
        proxy: "localhost/nl_mobile/app"
    })
});


gulp.task('watch', ['serve'], function () {

    // watch for changes
    gulp.watch(['app/*.html'], reload);

    gulp.watch('app/styles/**/*.scss', ['styles']);
    gulp.watch('app/scripts/**/*.js', ['scripts']);
    gulp.watch('app/images/**/*', ['images']);
    gulp.watch('bower.json', ['wiredep']);

    gulp.watch('app/bower_components/**/*.scss', ['styles']);
    gulp.watch('app/bower_components/**/*.js', ['scripts']);
});

问题是，更改后的内容会注入浏览器，但不会自行刷新，我必须手动刷新。

我也更改了这一行：

// .pipe(gulp.dest('.tmp/styles'))
.pipe(gulp.dest('app/styles'))

因为，我没有指定

server: {
    baseDir: ['app', '.tmp'],
    directory: true
},

因为它会启动某种基于http的服务器，它不会理解php：（

Answer 1

如果您没有遇到答案，则浏览器同步支持proxy配置选项，该选项可用于反向代理其他网络服务器，例如： Apache，php -S。您还需要在项目中查看PHP文件以获取更新，以触发附加浏览器中的重新加载。很高兴根据需要用例子说明。