VS Code parses gulpfile.js but won't run tasks

[HarryAdney]

The title says half of it; the other half is that the Task Panel extension by Milan Bolarić runs fine.

gulpfile.js:

const gulp = require("gulp")
const purgecss = require("gulp-purgecss")
const browserSync = require("browser-sync").create();
const imagemin = require("gulp-imagemin");
const webp = require('gulp-webp');

gulp.task("purgecss", () => {
  return gulp
    .src("./src/css/*.css")
    .pipe(
      purgecss({
        content: ["./src/**/*.html"]
      })
    )
    .pipe(gulp.dest("./dist/css/"))
}),

// Static server
gulp.task("watch", function() {
    browserSync.init({
        server: {
            baseDir: "./src/"
        },
        browser: "firefox"
    });

    gulp.watch("./**/*.html").on('change', browserSync.reload);
    gulp.watch("./**/*.css").on('change', browserSync.reload);
    gulp.watch("./**/*.img").on('change', browserSync.reload);
    gulp.watch("./**/*.js").on('change', browserSync.reload);
});

// Optimize Images

exports.images = () => (
  gulp.src("./src/img/*")
      .pipe(imagemin())
      .pipe(gulp.dest("./dist/img/"))
);

// Convert images to .webp

gulp.task('webp', () =>
    gulp.src('./src/img/*')
        .pipe(webp())
        .pipe(gulp.dest('./dist/img'))
);