回答編集履歴

1

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

2019/02/04 06:06

投稿

miyabi-sun
miyabi-sun

スコア21177

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