apache - 如何获得gulp + browsersync使apache虚拟主机工作？

Question

我想将gulp，sass和browsersync添加到我的工具箱中。
我现在正在使用配置的sass和browsersync任务运行gulp。

我正在对从本地apache服务器上的虚拟主机运行的php应用程序进行皮肤处理。

我试图从监视任务运行browsersync，使用browsersync的proxy选项来使用我的vhost。

当前，当我运行 watch 时，无法在端口3000上找到任何服务器。如果导航到“localhost:3000”，我会收到Chromes“找不到网页”消息。

如果我导航到端口3001，则可以访问browsersync的管理UI。所以我知道browsersync正在运行。

我的gulp conf如下

/* load plugins */
var gulp = require('gulp'),
    sass = require('gulp-ruby-sass'),
    browsersync  = require('browser-sync') ;

/*
*  define tasks
*/

gulp.task('sass', function() {
    return sass('assets/sass/main.sass') ;        
}) ;


/*
*  browsersync conf
*/

gulp.task('browser-sync', function() {
    browsersync({
    proxy: 'localhost',
    port: '3000'
    });
});

gulp.task('browsersync-reload', function () {
    browsersync.reload();
});

gulp.task('watch', ['browser-sync'], function () {
  gulp.watch('assets/sass/**/*', ['css']);
});


/* Default task */
gulp.task('default', ['sass'], function() {
    gulp.watch("assets/sass/**.*", ['sass']);
});

Answer 1

如果已安装apache(带有mamp的示例)，则必须将端口配置为8080

我的配置:

 browserSync.init({
      open: 'external',
      host: 'local.dev',
      proxy: 'local.dev',
      port: 8080 // for work mamp
});