web-dev-qa-db-ja.com

ブラウザ同期でポートを構成する方法

私は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"
    });
});

しかし、うまくいきませんでした。

12
Gyanesh Gouraw

ドキュメントのリンクに基づいて回答( 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
  });
});

必要なポートを構成オブジェクトで直接指定します。

39
zaynetro