Skip to main content
まとめました
ソース リンク
mjy
  • 1.2万
  • 3
  • 22
  • 53

カレントディレクトリの兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

下記のコマンドで、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、cssの変更があっても反応しません。

dest-after>browser-sync start --server --files ../*

下記サイトで質問をしていた内容と関連した質問です。
https://teratail.com/questions/54590

 

あり下記の通り、回答に従いましたとうございます、反応しませんでした

・反応しませんでした。 dest-after>browser-sync start --server --files '../**/*' [BS] Access URLs:

 dest-after>browser-sync start Local:--server http://localhost:3000
External:--files http://192.168'.2.100:3000

      UI: http:/**/localhost:3001*'

UI External: http://192.168.2.100:3001

[BS] Serving files from: ./
[BS] Watching files...
^Cバッチ ジョブを終了しますか (Y/N)? y


dest-after>cd ../
dest-afterの上で実行しても反応しませんでした。

・下記の構成はおかしいのでしょうか?
destとsrcは別々のフォルダにするのがいいのではないでしょうか。
同じフォルダないしはdestの中にsrcを入れるのではないですよね?
destにindex.htmlがあるとトランスパイル後のcssが当たらなくないですか?

C:.
├─dest-after
│ ├─css
│ │ ├─foundation
│ │ ├─layout
│ │ └─object
│ │ ├─component
│ │ ├─project
│ │ └─utility
│ ├─html
│ ├─img
│ │ ├─common-img
│ │ └─index
│ ├─js
│ ├─plugin
│ └─web-font
├─node_modules
│ ├─.bin
│ ├─abbrev
│ ├─accepts
│ │ └─node_modules
│ │ ├─mime-db
│ │ └─mime-types

・トランスパイル前のpostcssはdest-afterフォルダと同じディレクトリ内にあるsrcにあります。

カレントディレクトリの兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

下記のコマンドで、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、cssの変更があっても反応しません。

dest-after>browser-sync start --server --files ../*

下記サイトで質問をしていた内容と関連した質問です。
https://teratail.com/questions/54590

ありとうございます

・反応しませんでした。 dest-after>browser-sync start --server --files '../**/*' [BS] Access URLs:

   Local: http://localhost:3000
External: http://192.168.2.100:3000

      UI: http://localhost:3001

UI External: http://192.168.2.100:3001

[BS] Serving files from: ./
[BS] Watching files...
^Cバッチ ジョブを終了しますか (Y/N)? y


dest-after>cd ../
dest-afterの上で実行しても反応しませんでした。

・下記の構成はおかしいのでしょうか?
destとsrcは別々のフォルダにするのがいいのではないでしょうか。
同じフォルダないしはdestの中にsrcを入れるのではないですよね?
destにindex.htmlがあるとトランスパイル後のcssが当たらなくないですか?

C:.
├─dest-after
│ ├─css
│ │ ├─foundation
│ │ ├─layout
│ │ └─object
│ │ ├─component
│ │ ├─project
│ │ └─utility
│ ├─html
│ ├─img
│ │ ├─common-img
│ │ └─index
│ ├─js
│ ├─plugin
│ └─web-font
├─node_modules
│ ├─.bin
│ ├─abbrev
│ ├─accepts
│ │ └─node_modules
│ │ ├─mime-db
│ │ └─mime-types

・トランスパイル前のpostcssはdest-afterフォルダと同じディレクトリ内にあるsrcにあります。

カレントディレクトリの兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

下記のコマンドで、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、cssの変更があっても反応しません。

dest-after>browser-sync start --server --files ../*

下記サイトで質問をしていた内容と関連した質問です。
https://teratail.com/questions/54590

 

下記の通り、回答に従いました、反応しませんでした

dest-after>browser-sync start --server --files '../**/*'
コメントに対して対応しました。
ソース リンク
web
  • 129
  • 1
  • 3
  • 19

カレントディレクトリの兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

下記のコマンドで、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、cssの変更があっても反応しません。

dest-after>browser-sync start --server --files ../*

下記サイトで質問をしていた内容と関連した質問です。
https://teratail.com/questions/54590

ありがとうございます。

・反応しませんでした。 dest-after>browser-sync start --server --files '../**/*' [BS] Access URLs:

   Local: http://localhost:3000
External: http://192.168.2.100:3000

      UI: http://localhost:3001

UI External: http://192.168.2.100:3001

[BS] Serving files from: ./
[BS] Watching files...
^Cバッチ ジョブを終了しますか (Y/N)? y


dest-after>cd ../
dest-afterの上で実行しても反応しませんでした。

・下記の構成はおかしいのでしょうか?
destとsrcは別々のフォルダにするのがいいのではないでしょうか。
同じフォルダないしはdestの中にsrcを入れるのではないですよね?
destにindex.htmlがあるとトランスパイル後のcssが当たらなくないですか?

C:.
├─dest-after
│ ├─css
│ │ ├─foundation
│ │ ├─layout
│ │ └─object
│ │ ├─component
│ │ ├─project
│ │ └─utility
│ ├─html
│ ├─img
│ │ ├─common-img
│ │ └─index
│ ├─js
│ ├─plugin
│ └─web-font
├─node_modules
│ ├─.bin
│ ├─abbrev
│ ├─accepts
│ │ └─node_modules
│ │ ├─mime-db
│ │ └─mime-types

・トランスパイル前のpostcssはdest-afterフォルダと同じディレクトリ内にあるsrcにあります。

カレントディレクトリの兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

下記のコマンドで、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、cssの変更があっても反応しません。

dest-after>browser-sync start --server --files ../*

下記サイトで質問をしていた内容と関連した質問です。
https://teratail.com/questions/54590

カレントディレクトリの兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

下記のコマンドで、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、cssの変更があっても反応しません。

dest-after>browser-sync start --server --files ../*

下記サイトで質問をしていた内容と関連した質問です。
https://teratail.com/questions/54590

ありがとうございます。

・反応しませんでした。 dest-after>browser-sync start --server --files '../**/*' [BS] Access URLs:

   Local: http://localhost:3000
External: http://192.168.2.100:3000

      UI: http://localhost:3001

UI External: http://192.168.2.100:3001

[BS] Serving files from: ./
[BS] Watching files...
^Cバッチ ジョブを終了しますか (Y/N)? y


dest-after>cd ../
dest-afterの上で実行しても反応しませんでした。

・下記の構成はおかしいのでしょうか?
destとsrcは別々のフォルダにするのがいいのではないでしょうか。
同じフォルダないしはdestの中にsrcを入れるのではないですよね?
destにindex.htmlがあるとトランスパイル後のcssが当たらなくないですか?

C:.
├─dest-after
│ ├─css
│ │ ├─foundation
│ │ ├─layout
│ │ └─object
│ │ ├─component
│ │ ├─project
│ │ └─utility
│ ├─html
│ ├─img
│ │ ├─common-img
│ │ └─index
│ ├─js
│ ├─plugin
│ └─web-font
├─node_modules
│ ├─.bin
│ ├─abbrev
│ ├─accepts
│ │ └─node_modules
│ │ ├─mime-db
│ │ └─mime-types

・トランスパイル前のpostcssはdest-afterフォルダと同じディレクトリ内にあるsrcにあります。

結果として必要無くなった記述を削除し、整理しました。
ソース リンク
mjy
  • 1.2万
  • 3
  • 22
  • 53

browser-syncのカレント でカレントディレクトリ以下にないファイルがうまく指定できません。も監視したい

下記サイトで質問をしていたカレントディレクトリですが、回答をいただけないため、こちらでどなたか教えていただければ幸い兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

https://teratail.com/questions/54590
の続き

下記の情報からこのコマンドでbefore、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、
 cssの変更があっても反応しません。
dest-after>browser-sync start --server --files ../*

browser-sync start --server --files *.html

dest-after>browser-sync start --server --files ../*
 

上記のコマンドは、カレントディレクトリに http://localhost:3000/ でアクセス可能なWebサーバーを立ち上げ、Webブラウザー下記サイトで質問起動ます。
そしカレントディレクトリ内の全てのhtmlファイルの変更を監視し、変更が起き時に自動的にWebブラウザーをリロードします。

・dest-afterフォルダの中にindex.htmlファイルがあります。

gulp.jsが入っているフォルダ=GULPフォルダ
├─dest-after
│ ├─css
│ │ ├─foundation
│ │ ├─layout
│ │ └─object
│ │ ├─component
│ │ ├─project
│ │ └─utility
│ ├─html
│ ├─img
│ │ ├─common-img
│ │ └─index
│ ├─js
│ ├─plugin
│ └─web-font

・src-before(dest-afterフォルダ内容同じフォルダ内にあります。)
src-before>tree
フォルダー パスの一覧
ボリューム シリアル番号は 000000ED FEA5:8DCE です
C:.
├─foundation
├─layout
└─object
├─component
├─project
└─utility

・baseDir: "../dest-after/"
dest-afterをカレントディレクトリにして、その下にある
browser-sync start --server --files "*.html, *.css, .js" の".html, *.css, *.js" ファイルをwatchするということでしょうか?

それともgulpfile.jsがある場所が、baseDir: "../dest-after/"関連した質問ですよとプログラムに伝えるための記述でしょうか?
おそらく前者でしょうが念のため確認させてください。https://teratail.com/questions/54590

browser-syncのカレントにないファイルがうまく指定できません。

下記サイトで質問をしていたですが、回答をいただけないため、こちらでどなたか教えていただければ幸いです。

https://teratail.com/questions/54590
の続き

下記の情報からこのコマンドでbeforeにあるcssの変更も対象になると思ったのですが、
 cssの変更があっても反応しません。
dest-after>browser-sync start --server --files ../*

browser-sync start --server --files *.html

上記のコマンドは、カレントディレクトリに http://localhost:3000/ でアクセス可能なWebサーバーを立ち上げ、Webブラウザー起動ます。
そしカレントディレクトリ内の全てのhtmlファイルの変更を監視し、変更が起き時に自動的にWebブラウザーをリロードします。

・dest-afterフォルダの中にindex.htmlファイルがあります。

gulp.jsが入っているフォルダ=GULPフォルダ
├─dest-after
│ ├─css
│ │ ├─foundation
│ │ ├─layout
│ │ └─object
│ │ ├─component
│ │ ├─project
│ │ └─utility
│ ├─html
│ ├─img
│ │ ├─common-img
│ │ └─index
│ ├─js
│ ├─plugin
│ └─web-font

・src-before(dest-afterフォルダ同じフォルダ内にあります。)
src-before>tree
フォルダー パスの一覧
ボリューム シリアル番号は 000000ED FEA5:8DCE です
C:.
├─foundation
├─layout
└─object
├─component
├─project
└─utility

・baseDir: "../dest-after/"
dest-afterをカレントディレクトリにして、その下にある
browser-sync start --server --files "*.html, *.css, .js" の".html, *.css, *.js" ファイルをwatchするということでしょうか?

それともgulpfile.jsがある場所が、baseDir: "../dest-after/"ですよとプログラムに伝えるための記述でしょうか?
おそらく前者でしょうが念のため確認させてください。

browser-sync でカレントディレクトリ以下にないファイルも監視したい

カレントディレクトリ兄弟ディレクトリもbrowser-syncの監視対象にしたいです。

下記のコマンドで、兄弟ディレクトリにあるcssの変更も監視対象になると思ったのですが、cssの変更があっても反応しません。

dest-after>browser-sync start --server --files ../*
 

下記サイトで質問をして内容関連した質問です
https://teratail.com/questions/54590

本文に 41 文字追加
ソース リンク
web
  • 129
  • 1
  • 3
  • 19
読み込んでいます
本文に 2 文字追加
ソース リンク
web
  • 129
  • 1
  • 3
  • 19
読み込んでいます
本文に 165 文字追加
ソース リンク
web
  • 129
  • 1
  • 3
  • 19
読み込んでいます
ソース リンク
web
  • 129
  • 1
  • 3
  • 19
読み込んでいます