Skip to main content
6 / 7
コメントに対して対応しました。
web
  • 129
  • 1
  • 3
  • 19

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

カレントディレクトリの兄弟ディレクトリも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にあります。

web
  • 129
  • 1
  • 3
  • 19