問題タブ [gulp-browser-sync]

上記のように、現在のフォルダー構造で Gulp を正しくセットアップするのに問題があります。

ここに私のgulpfile.jsがあります：

私のindex.html：

注: public フォルダーに scss フォルダーがあります。

編集: 私の index.html はビュー フォルダー内にあります。

私は何を間違っていますか？私のconsole.logには、styles.cssを取得できないと書かれています

Im a bit weak and my question is serious for me. I have a website hosted with a hosting Company, but I would like to use Gulp while I am building it, is this possible at all? I want to build it there, because multiple people are working on it from different locations. If it is, what tools am I going to need to make it happen?

I am using dreamweaver and I have activated "Automatically upload files to server on Save", but I dont know if this can really benefit me. Also, I was wondering if browserSync can be used as well by any chance?

angular cliを使用してAngular 2アプリを開発しています。また、プロジェクトのタスク ランナーとして gulp を使用しています。angular cli が提供するデフォルトの ember ライブ リロード プラグインの代わりに、gulp で BrowserSync を使用したいと考えています。gulp browserSync のプロキシ オプションをデフォルトの ng サーブ ポート、つまり 4200 に使用しようとしましたが、gulp の実行中にプロジェクト (ng serve) を実行できません。gulpでbrowserSyncを実行したいので、誰でもこの問題を手伝ってくれませんか。私はgulpとangularが初めてなので、これは非常にn00bの質問かもしれませんが、助けていただければ幸いです。ありがとう。

更新: gulp を使用して BrowserSync に接続できましたが、行った変更が /dist フォルダーまたはブラウザーで更新されませんでした。

browserify を使用してノード モジュールをブラウザー内で実行できる SDK に変換する新しいプロジェクトがあります。

次のような他の多くの npm パッケージが必要です。

それは問題なく動作し、ブラウザで問題はありませんが、JsSip はうまく機能しません。私がする時

私は得る

plivowebsdk.js:2 Uncaught エラー: モジュール '../../package.json' が見つかりません

コードを見ると、この呼び出しがいつ行われるかは明らかです

爆撃するところです。バージョン情報を取得するために使用する package.json ファイルが見つからないことは明らかです。私は、JsSip が実際には browersify 自体で構築されている (または以前はそうであった) ため、ノードまたはブラウザーのいずれかで実行できることを知っています。これは競合を引き起こしていますか？

まだbrowserifyは初めてですが、これを回避するために実行できる構成オプションまたは変換はありますか?

そのため、gulp V4 を使用して pug (jade)、javascript、および sass ファイルをコンパイルし、これらのファイルのいずれかが変更されたときに browserSync を使用してブラウザーをリロードしようとしています。そこにはたくさんのガイドがありますが、コードをどのように書いても、タスクの順序が正しくないようです。タスクの順序を設定するために使用gulp.seriesしていますが、browserSync はボールをプレーしたくありません。

これが私のGulpファイルのプリントです：

また、gulp を起動すると、ターミナル コンソール ログに次のように出力されます。

これは、監視対象のファイル内のファイルを変更すると、次のようになります。

この場合、ファイルが変更され、browserSync がページをリロードし、「build-sass」が開始されます。これは間違った方法です。私は明らかにsassを構築してから、ページをリロードしたいと考えています。ブラウザーが必要なコードを更新するには、2 回保存する必要があります。

私が使用したコードの一部は、browserSync のドキュメントから直接引用しています。

https://www.browsersync.io/docs/gulp#gulp-reload

これはうまくいかないようです。

私はこれを持っています...

これは、「/search;text=test;dateFrom=12-10-2016」のようなものを生成します

それはうまくいきます！

ただし...ブラウザを更新するか、URLアドレスバーでEnterキーを押すと、404が表示されます...

取得できません /search;text=test;dateFrom=12-10-2016

angular 2 ベータ版を使用すると、ベータ版は ?text=test&dateFrom=12-10-2016 のような標準のクエリ文字列形式を使用していたため、以前は機能していました。

現在、最終的な Angular 2 は URL から取得したパラメーターを処理するために Url Matrix Notation を使用しています。

これを機能させる方法についての手がかりはありますか？

それが役立つかどうかはわかりませんが、これは私の app.routing.ts です

const ルーティングのエクスポート: ModuleWithProviders = RouterModule.forRoot(appRoutes);

また、私はこれをgulp/browserSyncに持っています...

Gulpタスクの問題に何時間も苦労しています。私はそれを機能させる方法を理解できませんでした。

最初に私のプロジェクト構造を示しましょう:

また、この構造で言及されている各ファイルのコードを示します。 gulpfile.js

Gulp/ config.js

Gulp /Base/ auto-reload.js

Gulp /Base/ sass.js

Gulp /Watch/ watch-sass.js

問題の説明:

最後のファイル Gulp/Watch/ watch-sass.js では、関数 browserSync.reloadが機能しません。タスク「watch-sass」、「start-server」、「sass」が機能しており、問題なく実行されます。ただし、 *.scss ファイルのコンパイルが終了した後、 browserSync.reload を使用してページが自動更新されず、その理由がわかりません。誰でも私を助けることができますか？

browsersync で gulp を実行する際に問題が発生しています。gulp syncを実行すると、ブラウザーは、 http://localhost:8080/app_dev.php urlで、読み込み中にスタックしている空白のページを実行します。

PHPアプリ（symfony）でローカルサーバーにリンクされている仮想ホストにプロキシオプションを使用します。これが私の構成です：

gulpfile.js

httpd.conf