問題タブ [gulp-browser-sync]

gulp browserSync のブラウザーをどのように定義しますか。私はubuntu 16.04を使用しています。マシンにchrome、firefox、およびfirefox developer editionがインストールされており、gulp browserSyncでfirefox developer editionを開く必要があります。どうやってやるの？これが私の構成です：

バックグラウンド

別の開発者が作成した gulp.js ビルド システムがあります。私自身に関しては、私はgulpのバックグラウンドをまったく持っていません. システムが gulp で乱雑になるのを避けるために、Vagrant VM (Ubuntu Trusty 64) に gulp をインストールして実行しようとしました。Gulp が正しくインストールされているようです。

問題

を実行するgulpと、タスクが実行され、アクセス情報が出力されます。

エラーが続きます：

私の友人はこれを Windows で実行していますが、問題は発生していません。この問題の解決をどこから始めるべきかについて、誰か考えがありますか?

私が試したこと

browserSync検索エンジンに関する実りのない調査は別として、エラーがスローされるのを防ぐだけでなく、すべての webserver/reload 機能を削除する に関連する Gulpfile 内のすべての行にコメントを付けました。

「var bs = browserSync.create();」を実行する前に、browserSync プロセスが実行されている場合は browserSync を強制終了したいと考えています。

exit() メソッドが browsersync インスタンスを必要とするのは正しいですか? ( https://www.browsersync.io/docs/api#api-exit )

最善の方法は何ですか?

// gulp スクリプト

//ステップ 1 --- browsersync を終了します

?

//Step2 --- ブラウザ同期を開始

最新の gulp sass と browsersync を使用しています。scss ファイルを編集して保存すると、コンパイルされて「injecting styles.css」が表示されますが、ブラウザもリロードされます。

これがいつ変更されるかはわかりませんが、以前はリロードせずに新しい css ファイルを挿入するだけでした。

私の仕事:

マップファイルがリロードをトリガーしていると誰かが私に言ったので、フィルターを使用して css ファイルのみを browsersync にパイプしました。ほとんどのオンラインの例はここにあるようなものなので、本当にそれを行う必要があるかどうかはわかりません...

このセットアップに数日を費やした後、私は近づいているようですが、Nginxゲストを備えたVagrant Ubuntu 14.04でBrowserSyncがNginxをサーバーとして使用し、MacBook Proホストでhtmlを表示することはできません。ただし、 Mac Chrome ブラウザーのhttp://localhost:3001/では、設定などを含む BrowserSync ページを表示できます。したがって、私は何か正しいことをしていると思いますが、おそらくそれほど多くはありません。

Foundation のスプラッシュ ページが表示されるはずですが、「このサイトにアクセスできません」というメッセージが表示されます。gulpfile を変更する前に、通常の設定である localhost:8079 でスプラッシュ ページを表示できるので、Foundation は正しく動作しています。

私は localhost を試しました: 3000、3001、および 3002 と、Vagrant IP 10.0.2.15 および 127.0.0.1 および 0.0.0.0 のポート。このスタックで動作するセットアップを持っている人はいますか? この設定に関する議論はどこにも見つかりませんでした。

私のgulpfileの関連部分。Foundation for Apps の設定を変更しています。

このコードはフォーラムから入手しました。他の同様の構成も試しました。Nginxで開発したいので、Foundationサーバーのセットアップをコメントアウトしました。私の限られた理解では、BrowserSync で「サーバー」を使用すると、Foundation のような小さな開発サーバーが得られます。

Gulpfile の一番下で、監視を行います。

「foundation watch」を実行すると、次のようになります。

Vagrantfile にはポート フォワーディングがあります。最初の 3 つは期待どおりに機能します。

この URL は、Nginx によって提供される Foundation スプラッシュ ページを表示するためにも機能します。Nginx についてはまだ勉強していませんが、一歩ずつ勉強しています。静的および動的ファイル用にサーバーをセットアップする方法を理解する必要があります。

もちろん、助けに感謝します。このスタックを持っている人が優れた開発環境へのショートカットを必要とする場合は、Vagrant セットアップ ファイルをここに置きます: https://github.com/svstartuplab/Vagrant-Foundation-Sails-Nginx