Gulp4にてタスクをwatchし、バッチファイルのクリックで自動更新されるようにしたい（ついでにdefaultタスクが動かない件）

Question

はじめに

最近Gulpに取り掛かりはじめたばかりの、フロントエンド模索中の者です。

Gulp内に3つタスクを設定しております。
webpackを起動してバンドルさせる「bundle」、Sassのコンパイルをさせる「sass」、
ファイルの変更をwatchしてbundleとsassを実行させる「watch」の3つです。

特に「watch」に関しては、「gulp watch」を実行するだけのシンプルなバッチファイル「watch.bat」を作成したうえで、
このファイルをダブルクリックすることで自動で開始できるようにしてあります。

しかしながら、この「watch」タスクのバッチファイルに不満な点がございます。
それは、「watch.batのクリックで起動からのファイルの操作」ではタスクが動くものの、
「ファイルの操作からのwatch.batクリックで起動」という動作ではタスクは動かないことです。

watch.batクリックで起動と同時に、ファイルの操作の有無にかかわらず
bundleとSassコンパイルをさせるようにしてしまった方が楽だと考えました。

しかしながら、gulpfile.js内のどこをいじれば目的の動作ができるのか、てんで見当がつきません。
無知なりにやってみるものの、すぐwatch.batファイルが落ちるなどして途方に暮れてしまいます。
もしや、バッチファイル自体をいじる必要があるのだろうか！？とも思います。

ちなみに予めお伝えしておくべきかもしれない懸念事項がございます。
gulpfile.js内最後に「default」というタスクを設定したうえで、bundleとsassをまとめて実行させる記述をしたはいいが、
コマンドプロンプトに妙なエラーが表示されることです。
この事実も、もし関係あるとしたら怖いので、一応記載しておきます。

わかりにくい点がございましたらおっしゃってください。
追記いたします。
皆様ご査収のうえで、ご回答よろしくお願いします。

追記（10/17）

当方の環境はWindows10、
nodeのバージョンは10.16.3、
npmのバージョンは6.14.2、
gulpのバージョンは
「CLI version: 2.3.0
Local version: 4.0.2」となっております。

gulpに詳しい方、私の記述のマズい点を分析できる方、お待ちしております。
よろしくお願いいたします。

gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');

var webpackStream = require("webpack-stream");
var webpack = require("webpack");
var webpackConfig = require("./webpack.config");

var AUTOPREFIXER_BROWSERS = [
  'last 2 version',
  'ie >= 9',
  'iOS >= 7',
  'Android >= 4.2'
];

var src = {
  'scss': ['csssrc/**/*.scss', '!csssrc/**/_*.scss'],
  'scssWatch': 'csssrc/**/*.scss',
  'js': 'src/**/*.js'
};

var dest = {
  'css': './'
};

gulp.task('bundle', function(){
  return webpackStream(webpackConfig, webpack)
  .pipe(gulp.dest('dist'));
});

gulp.task('sass', function(){
  return gulp.src(src.scss)
  .pipe(sass({outpStyle: 'expanded'})).on("error", sass.logError)
  .pipe(autoprefixer(AUTOPREFIXER_BROWSERS))
  .pipe(gulp.dest(dest.css));
});

gulp.task('watch', function() {
  gulp.watch(src.scssWatch, gulp.task('sass'));
  gulp.watch(src.js, gulp.task('bundle'));
  
});

gulp.task('default', function() {
  return gulp.task('bundle','sass');　//これが効かない
});

package.json

{
  "name": "react_practice",
  "version": "1.0.0",
  "description": "Mari Takahashi",
  "main": "webpack.config.js",
  "scripts": {
    "build": "gulp"
  },
  "author": "Mari Takahashi",
  "license": "ISC",
  "dependencies": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1"
  },
  "devDependencies": {
    "@babel/core": "^7.11.6",
    "@babel/preset-env": "^7.11.5",
    "@babel/preset-react": "^7.10.4",
    "babel-loader": "^8.1.0",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^7.0.1",
    "gulp-sass": "^4.1.0",
    "webpack": "^5.1.0",
    "webpack-stream": "^6.1.0"
  }
}

バッチファイル

gulp watch

default実行時に表示される謎のエラー

自己解決いたしました。

defaultタスクの記述部分を以下のようにすることでタスクが効くようになりました。
お騒がせいたしました。

//defaultタスク
gulp.task('default',
  gulp.series('bundle','sass','watch')
);

Answer 1

defaultタスクの記述部分を以下のようにすることでタスクが効くようになりました。
お騒がせいたしました。

//defaultタスク
gulp.task('default',
  gulp.series('bundle','sass','watch')
);