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

Browser-sync serve command with different port

本文关键字：浏览器 同步 服务 命令      更新时间：2023-09-26

我想尝试使用gump，我已经做了一个类似于这个例子的简单项目
我想做的是使用不同的端口为项目提供服务，我试着遵循这个costum端口示例

我的gullfile.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。

可以更改端口吗？谢谢

使用port选项。

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

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

使用浏览器同步选项的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);
});

相关文章：