不能使用gulp（与gulp-connect-php和gulp-browser-sync）与多个项目

Question

我已经使用一饮而尽最近开始和有一个很好的工作流程，但是当我加入了gulpfile到一个新的项目，我每次运行时gulp从原来的项目目录，它提供了最新的项目，我不知道我做了什么。

这应该是我的gulpfile的相关内容：

 var gulp = require('gulp'); /* etc. */ gulp.task('default', function(callback) { runSequence(['connect-sync'], callback ) }); gulp.task('connect-sync', function() { connect.server({ base: 'app' /* tried ./app */ }, function (){ browserSync({ injectChanges: true, proxy: '127.0.0.1:8000' }); }); gulp.start('sass'); gulp.start('watch'); }); gulp.task('sass', function() { return gulp.src('app/scss/**/*.scss') // Gets all files ending with .scss in app/scss and children dirs .pipe(sourcemaps.init()) .pipe(sass()) // Passes it through a gulp-sass .pipe(postcss([ autoprefixer({ browsers: ['last 2 versions'] }) ])) .pipe(sourcemaps.write('.')) .pipe(gulp.dest('app/css')) // Outputs it in the css folder .pipe(browserSync.stream({match: '**/*.css'})); }); // Watchers gulp.task('watch', function() { gulp.watch('app/scss/**/*.scss', ['sass']); gulp.watch('app/css/**/*.css', ['css']); gulp.watch('app/*.html', browserSync.reload); gulp.watch('app/*.php', browserSync.reload); gulp.watch('app/js/**/*.js', browserSync.reload); }); gulp.task('css', function() { return gulp.src('app/css/**/*.css') .pipe(sourcemaps.init()) .pipe(postcss([ autoprefixer({ browsers: ['last 2 versions'] }) ])) .pipe(sourcemaps.write('.')) .pipe(browserSync.stream({match: '**/*.css'})); }); 

如果我将proxy选项更改为proxy proxy: '127.0.0.1:4000 ，则该过程不会完成并且只会停止：

[14:02:41] Using gulpfile ~/original_project/gulpfile.js
[14:02:41] Starting 'default'...
[14:02:41] Starting 'connect-sync'...
[14:02:41] Starting 'sass'...
[14:02:41] Starting 'watch'...
[14:02:41] Finished 'watch' after 27 ms
[14:02:41] Finished 'connect-sync' after 52 ms
[14:02:41] Finished 'default' after 54 ms
[Tue Apr 12 14:02:42 2016] Failed to listen on 127.0.0.1:8000 (reason: Address already in use)
[Tue Apr 12 14:02:42 2016] 127.0.0.1:53340 [200]: /
[14:02:42] Finished 'sass' after 287 ms
[14:02:42] Starting 'css'...
[BS] [info] Proxying: http://127.0.0.1:4000
[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://10.180.90.37:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://10.180.90.37:3001
 -------------------------------------
[BS] 7 files changed (bootstrap.min.css, font-awesome.min.css, main.css, normalize.css, pe-icon-7-stroke.css, responsive.css, style.css)
[14:02:42] Finished 'css' after 568 ms

我不确定是否有错误，但字面上唯一的变化是试图选择一个不同的端口。 我只是认为如果配置中的那个正在使用，任务会自动选择一个可用的端口，但我不知道现在如何使用gulp与多个项目。

端口8000或我的hosts文件中的任何东西都没有vhost设置可能会干扰，所以不应该有任何冲突。

Browsersync文档说Proxy an EXISTING vhost. Browsersync will wrap your vhost with a proxy URL to view your site. Proxy an EXISTING vhost. Browsersync will wrap your vhost with a proxy URL to view your site. 所以我不确定为什么我现有的设置曾经适用于任何一个项目。

UPDATE

再看一下gulp-connect-php文档，并尝试了这似乎工作：

gulp.task('connect-sync', function() {
  connect.server({
    base: 'app',
    port: 4000
  }, function (){
    browserSync({
      injectChanges: true,
      proxy: '127.0.0.1:4000'
   });
  });

  gulp.start('sass');
  gulp.start('watch');

});

但如果可能的话，我更希望避免端口的硬编码。

更改任何sass现在注入并重新加载页面而不仅仅是注入，css似乎仍然可以在没有重新加载的情况下正常注入。