Команда Browser-sync служит с другим портом

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

Используйте portoption.

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

port является прямым вариантом BrowerSync, не Подвариант под server вариантом.

Answer 2

С помощью кнопок объекта опции браузера синхронизации для изменения порта по умолчанию

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); 
 
});