gulpのwatchを使ってsassのコンパイルを自動更新？にしたい

Question

コーディング初級者です。
sassのコンパイルをしようと思い、
下記フローをぐぐりながら進めた結果、gulpのwatchがエラーを吐き出しています。
gulp sassとコマンドを打てばコンパイルできるのですが、
保存時に自動でコンパイルできるようにしたいです。
原因が分かる方いらっしゃいますでしょうか？

nodeインストール
↓
コマンドライン起動
↓
移動
cd C:¥Users¥ディレクトリ
↓
npm init -y
↓
npm install -D gulp
↓
npm install -D gulp gulp-sass
↓
gulpfile.js作成
//////中身//////
var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task('sass', function(){
return gulp.src('./sass/*.scss')
.pipe(sass({outputStyle: 'expanded'}))
.pipe(gulp.dest('./css'));
});

gulp.task('watch', function(){
gulp.watch('./sass/*.scss', ['sass']);
});
////////////////

gulp sass
↓
gulp watch

エラーの内容

[15:34:06] Error: watching ./sass/*.scss: watch task has to be a function (optio
nally generated by using gulp.parallel or gulp.series)
    at Gulp.watch (C:\Users\ディレクトリ\node_modules\gulp\index.js:28:11)
    at C:\Users\ディレクトリ\gulpfile.js
:12:18
    at taskWrapper (C:\Users\ディレクトリ\node_modules\undertaker\lib\set-task.js:13:15)
    at bound (domain.js:39514)
    at runBound (domain.js:408:12)   at asyncRunner (C:\Users\ディレクトリ\node_modules\async-done\index.js:55:18)
    at process._tickCallback (internal/process/next_tick.js:61:11)

Answer 1

gulp3とgulp4でwatchの書き方が異なります。
エラーの内容的に4が入っているような気がするので、以下のようすることで動作しませんかね？

gulp.task('watch', function() {
  gulp.watch('./sass/*.scss', gulp.series('sass'));
});

Comments

[48ta]

できました！ありがとうございました！！