ブラウザシンクの続き
ブラウザーシンクについて。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フォルダと同じディレクトリないにあります。
・ちなみに下記コマンドはdest-afterフォルダをカレントとして実行しているので、
dest-after>browser-sync start --server --files "../src-before/foundation/*, index.html"
baseDir: "./" も
gulp.watch ("../src-before/foundation/*", function ()も
両方ともdest-afterをカレントとして相対パスを記載すればよいのですよね?
下記でとりあえずリロードはしました。
ただ元のソースでどの部分に問題があったかはまだはっきりしません。
gulp.watch(['dest-after/', 'src-before/' , 'src-before//' , 'src-before///*']).on('change', browserSync.reload);
});
の部分の訂正が効果的だったのでしょうか?
検証をしてみますが、ここが問題だったのだろうとおわかりでしたらそこを試してみたいので教えてください。
その後
gulp.watch (['dest-after/index.html','dest-after/**/*', 'src-before/**' , 'src-before/**/*' , 'src-before/**/**/*'], function () {
browserSync.reload();
});
と指定して解決しました。こちらの指定の問題だったようです。