Browser-sync使用不同端口的命令

Question

我想尝试使用gulp并且我做了一个类似于这个例子的简单项目
我想要做的是使用不同的端口服务项目,我试图遵循这个costum-port示例

我的gulpfile.js看起来像这样:

var gulp = require('gulp');
var browserSync = require('browser-sync');
var livereload = require('gulp-livereload');
var reload = browserSync.reload;

// watch files for changes and reload
gulp.task('serve', function() {
  livereload.listen(1234);

  browserSync({
    server: {
      baseDir: 'app',
    }
  });

  gulp.watch(['*.html', 'styles/**/*.css', 'scripts/**/*.js'], {cwd: 'app'}, reload);
});

我也尝试添加端口,server :{porrt : 9999, baseDir:'app'} 但结果最终使用默认端口3000.

是否可以更改端口？谢谢.

Answer 1

使用该port 选项.

browserSync({
    port: 9999,
    server: {
      baseDir: 'app',
    }
  });

port是BrowerSync的直接选项,而不是选项下的子server选项.