Question

我有3个任务要按顺序执行：clean，mincat然后serve

var gulp = require('gulp');
var webserver = require('gulp-webserver');
var usemin = require('gulp-usemin');
var uglify = require('gulp-uglify');
var minifyHtml = require('gulp-minify-html');
var minifyCss = require('gulp-minify-css');
var rev = require('gulp-rev');
var rename = require('gulp-rename');
var del = require('del');
var sequential = require('run-sequence');

gulp.task('clean', function () {
    del(['./build/*.*', './build/*']);
});

gulp.task('mincat', function () {
    gulp.src('./Index.html')
      .pipe(usemin({
          css: [minifyCss(), 'concat'],
          html: [minifyHtml({ empty: true })],
          js: [uglify()],
          js1: [uglify()]
      }))
      .pipe(gulp.dest('./build/'));
});

gulp.task('serve', function () {
    gulp.src('build')
      .pipe(webserver({
          host: 'localhost',
          port: 8080,
          livereload: true,
          open: true
      }));
});

gulp.task('dev', function () {
    sequential('clean','mincat','serve');
});

如果我从命令提示符逐个运行3个任务，它就可以运行

gulp clean
gulp mincat
gulp serve

现在我创建了一个使用单个命令运行所有3个任务的任务，它不起作用。我尝试了所有表格

添加了运行顺序插件

gulp.task('dev', function () { sequential('clean','mincat','serve'); });
最初并行运行

gulp.task('dev', ['clean','mincat','serve'])
我也尝试将服务分开

gulp.task('dev', ['clean','mincat'] function () { gulp.start('serve'); })

但是没有这些工作，有人可以指出这个问题吗？

Answer 1

首先，您的 2 无法正常工作，因为gulp依赖项全部并行运行，没有特定的顺序。 3 可以正常工作，但它并不是真正推荐的，因为它不符合gulp准则。

这让我们 1 。你所做的是正确的，但你遇到的问题是gulp不知道你的任务何时完成，所以它等同于并行运行所有内容。

要使任务同步，您必须返回它的流。由于del不是流，因此您只需使用callback。对于你的serve，我认为你不必这样做，因为它最终会推出。

这看起来像是：

gulp.task('clean', function (cb) {
  del(['./build/*.*', './build/*'], cb);
});

gulp.task('mincat', function () {
  return gulp.src('./Index.html')
    .pipe(usemin({
      css: [minifyCss(), 'concat'],
      html: [minifyHtml({ empty: true })],
      js: [uglify()],
      js1: [uglify()]
    }))
    .pipe(gulp.dest('./build/'));
});

我不明白为什么你会想到.js1个文件，顺便说一句，你的index.html应该是小写的：）

gulp，任务单独工作但不在组中工作

1 个答案: