如何更改browserSync端口

时间:2017-05-06 05:50:10

标签: javascript gulp browser-sync

我的应用程序在端口8000上运行。我已将borowserSync端口从browser-sync / default-config.js更改为8000。它看起来像这样

// Change the default project
ui: {
    port: 8000
},

ui: {
    port: 8000,
    weinre: {
        port: 8000
    }
},

但是当我运行gulp watch命令时,它会在端口8001上旋转服务器。 在我运行gulp watch命令

后,我的终端看起来像这样
[23:40:54] Starting 'browserSync'...
[23:40:54] Finished 'browserSync' after 23 ms
[23:40:54] Starting 'sass'...
[BS] Access URLs:
------------------------------------
Local: http://localhost:8001
External: http://192.168.1.6:8001
------------------------------------
UI: http://localhost:8002
UI External: http://192.168.1.6:8002

有谁知道在browserSync中更改端口的人。

1 个答案:

答案 0 :(得分:2)

当端口上有其他东西运行时,通常会发生这种1换档。你有另一个已占用端口8000的实例吗?

我注意到你的配置文件中有两次提到的端口8000,并且ui有两个相同的节点

我的gulp配置如下所示

browserSync.instance = browserSync.init({
  startPath: '/',
  ui: {
    port: 3001
  },
  server: server, //server variable set elsewhere
  port: 3000,
  browser: browser, //set elsewhere
});

所以你的配置看起来应该更像

{
  port: 8000,//Or whatever port you want for your application
  ui: {
    port: 8001 //Or whatever port you want for browsersync ui
  }
}