teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

プロジェクトルートにある場合正常に動作しそうなので書き直し

2019/02/04 06:06

投稿

miyabi-sun
miyabi-sun

スコア21465

answer CHANGED
@@ -1,6 +1,17 @@
1
- > `gulp.watch(['./*.php', './*.css']).on('change', browserSync.reload);`
1
+ > `gulp.task('default', ['serve', 'watch']);`
2
2
 
3
+ まずこの書き方ですが、
4
+ serveとwatchを並列動作させたいと言っています。
3
- ちらと見の直感レベル、`./**/*.php`が正解なの
5
+ こんな書き方舌ってことは、watch使う前にserve先に走って欲しいからすよね
4
6
 
7
+ ならば`watch`の依存タスクに`serve`を設定すべきで、
8
+ そこで動かすと並列動作してしまうのでおかしなことになるはずです。
9
+ このように変更してみてはどうでしょうか?
10
+
11
+ ```JavaScript
5
- このワイルドカードの文字列でファイル一覧を探すように依頼する様式を[glob](https://ja.wikipedia.org/wiki/%E3%82%B0%E3%83%AD%E3%83%96)と呼びます。
12
+ gulp.task('watch', ['serve'], () => {
13
+ // watchタスクの中身
14
+ });
15
+
6
- `**`は正式なglobの仕様とはちょいと異なりますが、gulpが採用しているglobの書き方的にはサポートしているはずで、質問文のSASSを見張る箇所はちゃんと`./src/scss/**/*.scss`になっていることを確認できます。
16
+ gulp.task('default', ['watch']);
17
+ ```