Skip to main content
1 / 7
web
  • 129
  • 1
  • 3
  • 19

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

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

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

web
  • 129
  • 1
  • 3
  • 19