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

使用col-md-6 option。

box

port是BrowerSync的直接选项，而不是browserSync({ port: 9999, server: { baseDir: 'app', } });选项下的子选项。

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

具有不同端口

2 个答案: