Node.js 将任务合并到默认命令中

如何将我的

样式

任务我的

浏览器同步

和我的

观看

任务组合成一个

吞咽

默认命令

这是我到目前为止所拥有的

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

gulp.task("styles", function() {
  gulp
    .src("sass/**/*.scss")
    .pipe(sass().on("error", sass.logError))
    .pipe(gulp.dest("./css/"));
});

// Static server
gulp.task("browser-sync", function() {
  browserSync.init({
    server: {
      baseDir: "./"
    }
  });
});

//Watch task
gulp.task("default", function() {
  gulp.watch("sass/**/*.scss", gulp.series("styles"));
});

我也在浏览器同步文档中尝试过这一点，但它给了我错误

AssertionError[ERR\u ASSERTION]：必须指定任务函数

在顶部有相同的变量

gulp.task("serve", ["sass"], function() {
  browserSync.init({
    server: "./"
  });

  gulp.watch("/sass/*.scss", ["sass"]);
  gulp.watch("/*.html").on("change", browserSync.reload);
});

// Compile sass into CSS & auto-inject into browsers
gulp.task("sass", function() {
  return gulp
    .src("/scss/*.scss")
    .pipe(sass())
    .pipe(gulp.dest("/css"))
    .pipe(browserSync.stream());
});

gulp.task("default", ["serve"]);

---

只写gulp-in命令，运行所有任务

var gulp = require("gulp");
var sass = require("gulp-sass");
var browserSync = require("browser-sync").create();
var runSequence = require('run-sequence'); // npm install run-sequence --save-dev

gulp.task("styles", function () {
    gulp
      .src("sass/**/*.scss")
      .pipe(sass().on("error", sass.logError))
      .pipe(gulp.dest("./css/"));
});

// Static server
gulp.task("browser-sync", function () {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
});


//watch for files changes
gulp.task('watch', ['styles', 'browser-sync'], function () {
    // sass files changes
    gulp.watch('sass/**/*.sass', ['styles']);

    // CSS files changes
    gulp.watch('css/**/*.css', browserSync.reload);
});

// The default task (called when you run 'gulp' from cli)
gulp.task('default', function (callback) {
    runSequence(['styles', 'browser-sync', 'watch'],
      callback
    )
})

---

只写gulp-in命令，运行所有任务

var gulp = require("gulp");
var sass = require("gulp-sass");
var browserSync = require("browser-sync").create();
var runSequence = require('run-sequence'); // npm install run-sequence --save-dev

gulp.task("styles", function () {
    gulp
      .src("sass/**/*.scss")
      .pipe(sass().on("error", sass.logError))
      .pipe(gulp.dest("./css/"));
});

// Static server
gulp.task("browser-sync", function () {
    browserSync.init({
        server: {
            baseDir: "./"
        }
    });
});


//watch for files changes
gulp.task('watch', ['styles', 'browser-sync'], function () {
    // sass files changes
    gulp.watch('sass/**/*.sass', ['styles']);

    // CSS files changes
    gulp.watch('css/**/*.css', browserSync.reload);
});

// The default task (called when you run 'gulp' from cli)
gulp.task('default', function (callback) {
    runSequence(['styles', 'browser-sync', 'watch'],
      callback
    )
})

---

我猜您使用的是Gulp4，它处理依赖任务的方式有点不同，这就是为什么会出现错误的原因

如果您确实在使用gulp 4，请尝试官方：

---

我猜您使用的是Gulp4，它处理依赖任务的方式有点不同，这就是为什么会出现错误的原因

如果您确实在使用gulp 4，请尝试官方：

---

它是有效的，我不得不删除第9行的分号，我编辑了你的文章，所以等待同行评审。我会选择你的答案。非常感谢。它是有效的，我不得不删除第9行的分号，我编辑了你的文章，所以等待同行评审。我会选择你的答案。非常感谢。