gulp watchについて

Question

###gulp watchについて
gulp watchで監視を実行したとき、最初のコマンドは実行されますが、その後ファイルを変更した際には検知してくれず、gulpが実行されません。

ただ、ググって得た情報を元にサンプルで書かれているコードをそのまま貼り付けてみて実行してみましたが、最初のコマンドだけは実行されますが、その後ファイルを更新してもgulpが実行されませんので、もしかしたらコードの問題ではないのかもしれませんが、念の為質問させていただきました。

###該当のソースコード

var gulp         = require("gulp");
var sass         = require('gulp-sass');
var plumber      = require('gulp-plumber');
var sourcemaps   = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var babel        = require('gulp-babel');

gulp.task('default', ['js', 'sass'], function() {
  console.log('js/sassコンパイルしました');
});

gulp.task('watch', ['sass'], function() {
  gulp.watch('scss/**/*.scss', ['sass']);
  console.log('watchしました');
});

gulp.task('sass', function() {
  gulp.src('./src/scss/**/*.scss')
    .pipe(plumber())
    .pipe(sourcemaps.init())
    .pipe(sass({
      outputStyle: 'expanded'
    }))
    .pipe(sourcemaps.write({includeContent: false}))
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(autoprefixer(['last 3 versions', 'ie >= 8', 'Android >= 4', 'iOS >= 8']))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./public/css/'));
});

gulp.task('js', function() {
  gulp.src('./src/js/**/*.js') // 読み込むファイル
    .pipe(babel()) // babelを実行
    .pipe(gulp.dest('./public/js/')); // 出力先
});

###試したこと
$ gulp watchと実行した場合

MacBook:user_name$ npx gulp watch
[17:25:07] Using gulpfile ~/Public/gulpfile.js
[17:25:07] Starting 'watch'...
[17:25:07] Finished 'watch' after 5.65 ms

###補足情報
◆使用OS
MacBookAir
ver 10.13.4

以上、何か考えられることがあればお教えいただけますと幸いです。
よろしくお願いします。

Answer 1

gulp.watch('scss/**/*.scss', ['sass']);

↓

gulp.watch('./src/scss/**/*.scss', ['sass']);

じゃないですか？

Comments

[souta-haruran]

w.kensingtonさん
ありがとうございました。
無事動きました。
なるほど、watchの書き方が良くなかったのですね。
大変勉強になりました。