如何在浏览器同步中配置端口

时间:2015-06-03 08:40:45

标签: node.js gulp browser-sync

我有一个gulp任务正在运行browser-sync,默认情况下它运行在node.js服务器的端口3000上。我想将默认端口更改为任何其他端口,如3010。

    var gulp = require('gulp'), 
    connect = require('gulp-connect'),          
    browserSync = require('browser-sync');    

    gulp.task('serve', [], function() {
    browserSync(
      {
        server: "../ProviderPortal"
       });
   });
   /*** 8. GULP TASKS **********/
   gulp.task('default', ['serve']);

我正在使用:

browser-sync version-2.6.1

我尝试配置gulp任务,如:

gulp.task('serve', [], function() {
    browserSync(
    {
        ui: {
       port: 8080
       },
        server: "../ProviderPortal"
    });
});

但它没有用。

1 个答案:

答案 0 :(得分:36)

根据文档链接(link1link2)回答。

您使用的是浏览器同步版本2.0+,它们具有不同的推荐语法。使用该语法,您的代码可能如下所示:

// require the module as normal
var bs = require("browser-sync").create();

....

gulp.task('serve', [], function() {
  // .init starts the server
  bs.init({
    server: "./app",
    port: 3010
  });
});

您可以直接在配置对象中指定所需的端口。