javascript - 具有不同端口的浏览器同步服务命令

Question

我想尝试使用 gulp，我做了一个类似于此的简单项目 example
我想做的是使用不同的端口为项目提供服务，我尝试遵循这个 costum-port example

我的 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

使用端口 option .

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

port是BrowerSync的直接选项，不是server选项下的子选项。