Gulp JS 任务从未定义默认值

Question

我正在这里做一个 GuLP JS 项目。

在我的gulpfile.js：

const gulp = require("gulp");
const sass = require("gulp-sass");
const browserSync = require("browser-sync").create();

function compile() {
  return gulp
    .src("app/scss/*.scss")
    .pipe(sass())
    .pipe(gulp.dest("app/css"))
    .pipe(browserSync.stream());
}

// Watch for changes
function watch() {
  browserSync.init({
    server: "./app/",
    index: "./index.html",
  });

  gulp.watch("app/scss/*.scss", style);
  gulp.watch("./*.html").on("change", browserSync.reload);
  gulp.watch("./js/*.js").on("change", browserSync.reload);
}

exports.compile = compile;
exports.watch = watch;

当我在终端上运行 gulp 时，它会返回 Task never defined Default 错误。

知道我在这里缺少什么以及如何解决这个问题吗？

Answer 1

您需要导出默认值 (exports.default = FUNCTION) 并将其指向您想要的默认函数（编译/监视），或者您需要像 gulp compile/gulp watch 一样运行 gulp。

const gulp = require("gulp");
const sass = require("gulp-sass");
const browserSync = require("browser-sync").create();

function compile() {
  return gulp
    .src("app/scss/*.scss")
    .pipe(sass())
    .pipe(gulp.dest("app/css"))
    .pipe(browserSync.stream());
}

// Watch for changes
function watch() {
  browserSync.init({
    server: "./app/",
    index: "./index.html",
  });

  gulp.watch("app/scss/*.scss", style);
  gulp.watch("./*.html").on("change", browserSync.reload);
  gulp.watch("./js/*.js").on("change", browserSync.reload);
}

exports.compile = compile;
exports.watch = watch;
exports.default = compile;