一部のgulpのタスクが実行されない

Question

下記gulpを実行したいんですが、default以外タスクが実行さない理由がわからず困っております。。

実行されていないタスクの中にログを出力するようにしたんですが、関数にすら入ってないません。
タスクで使用するファイル等は準備しているのですが、記述の仕方が違うんでしょうか。
初歩的な質問でお恥ずかしいのですが、お教えいただけると幸いです。

var gulp = require("gulp");
var pug = require("gulp-pug");
var sass = require("gulp-sass");
var browser = require("browser-sync");
var plumber = require("gulp-plumber");

gulp.task("server", function () {
  browser({
    server: {
      baseDir: "./static"
    }
  })
});
//pugをhtmlにコンパイルする
gulp.task("pug", function () {
  gulp.src("./source/pug/**/*.pug")
    .pipe(plumber())
    .pipe(pug({ pretty: true }))
    .pipe(gulp.dest("./static/index.html"))
    .pipe(browser.reload({ stream: true }))
});
//sassをcssにコンパイルする
gulp.task("sass", function () {
  gulp.src("./source/sass/**/*.sccs")
    .pipe(plumber())
    .pipe(sass({ outputStyle: 'expand' }))
    .pipe(gulp.dest("./static/style.css"))
    .pipe(browser.reload({ stream: true }))
});
//ファイルを保存した時自動的にタスクを実行
//watch(['監視するファイル'],['実行したいタスク名'])
gulp.task("default", function () {
  gulp.watch("sass/**/*.scss", gulp.series["sass"]);
  gulp.watch("pug/**/*.pug", gulp.series["pug"]);
});

Comments

[s8_chu]

package.json の内容を追記していただけませんか？

[pkt]

失礼しました。
下記です。
{
"name": "gulp_base",
"version": "1.0.0",
"description": "gulp_base",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"private": true,
"author": "",
"license": "ISC",
"dependencies": {
"browser-sync": "^2.26.7",
"gulp": "^4.0.2",
"gulp-plumber": "^1.2.1",
"gulp-pug": "^4.0.1",
"gulp-sass": "^4.0.2"
}
}

[pkt]

gulp4で引数の記述等の変更があったんですね。
すみません。下記に修正したところ、実行されるようになりました。

var gulp = require("gulp");
var pug = require("gulp-pug");
var sass = require("gulp-sass");
var browser = require("browser-sync");
var plumber = require("gulp-plumber");

//ブラウザ用のサーバー立ち上げ
gulp.task("browser", function (done) {
browser({
server: {
baseDir: "./static"
}
})
console.log('立ち上げ！');
done();
});
gulp.task('reload', function (done) {
browser.reload();
console.log('再読み込み');
done();
});
//pugをhtmlにコンパイルする
gulp.task("pug", function (done) {
gulp.src("./source/pug/**/*.pug")
.pipe(plumber())
.pipe(pug({ pretty: true }))
.pipe(gulp.dest("./static"))
// .pipe(browser.reload({ stream: true }))
console.log('パグ');
done();
});
//sassをcssにコンパイルする
gulp.task("sass", function (done) {
gulp.src("./source/scss/**/*.scss")
.pipe(plumber())
.pipe(sass({ outputStyle: 'expand' }))
.pipe(gulp.dest("./static/style.css"))
// .pipe(browser.reload({ stream: true }))
console.log('サス');
done();
});
//ファイルを保存した時自動的にタスクを実行
//watch(['監視するファイル'],['実行したいタスク名'])
gulp.task('watch', function () {
gulp.watch("./source/sass/**/*.scss", gulp.task('sass'));
gulp.watch("./source/pug/**/*.pug", gulp.task('pug'));
gulp.watch('./**', gulp.task('reload')); // ブラウザの自動リロード
console.log('ウォッチ');
});
gulp.task('default', gulp.series('pug', 'sass', 'browser', 'watch'));

[s8_chu]

であれば、解決方法を回答として投稿していただけませんか?

Answer 1

自己解決しました。
gulp4以降のバージョンでは記載が変わっているようです。
引数の記述が変わっていました。
下記正常に動作したコードです。

var gulp = require("gulp");
var pug = require("gulp-pug");
var sass = require("gulp-sass");
var browser = require("browser-sync");
var plumber = require("gulp-plumber");

//ブラウザ用のサーバー立ち上げ
gulp.task("browser", function (done) {
browser({
server: {
baseDir: "./static"
}
})
console.log('立ち上げ！');
done();
});
gulp.task('reload', function (done) {
browser.reload();
console.log('再読み込み');
done();
});
//pugをhtmlにコンパイルする
gulp.task("pug", function (done) {
gulp.src("./source/pug/**/*.pug")
.pipe(plumber())
.pipe(pug({ pretty: true }))
.pipe(gulp.dest("./static"))
// .pipe(browser.reload({ stream: true }))
console.log('パグ');
done();
});
//sassをcssにコンパイルする
gulp.task("sass", function (done) {
gulp.src("./source/scss/**/*.scss")
.pipe(plumber())
.pipe(sass({ outputStyle: 'expand' }))
.pipe(gulp.dest("./static/style.css"))
// .pipe(browser.reload({ stream: true }))
console.log('サス');
done();
});
//ファイルを保存した時自動的にタスクを実行
//watch(['監視するファイル'],['実行したいタスク名'])
gulp.task('watch', function () {
gulp.watch("./source/sass/**/*.scss", gulp.task('sass'));
gulp.watch("./source/pug/**/*.pug", gulp.task('pug'));
gulp.watch('./**', gulp.task('reload')); // ブラウザの自動リロード
console.log('ウォッチ');
});
gulp.task('default', gulp.series('pug', 'sass', 'browser', 'watch'));