浏览器同步服务命令与不同的端口

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

012的默认端口

是否可以更改端口？谢谢。浏览器的同步选项的

Answer 1

使用portoption。

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

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

Answer 2

使用ui对象改变默认端口

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', 
 
    }, 
 
    port: 8080 
 
    }); 
 

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