咕嘟咕嘟错误试图让丑化和默认一饮而尽工作

Question

嗨，我是无法设置一口它似乎有，因为我最后一次使用它我得到错误，无法找出原因，一切都变了。我会用我的代码一起发布的一些照片。第一个问题是，丑化未完成以及第二个问题是，默认情况下，一饮而尽不会运行命令提示符应该解释一下我的问题比我可以，如果你有任何疑问，请向表现得文明。

var gulp = require('gulp');
var sass = require('gulp-sass');
var uglifycss = require('gulp-uglifycss');




sass.compiler = require('node-sass');

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


gulp.task('css', function () {
  gulp.src('./Edit/css/*.css')
    .pipe(uglifycss({
      "maxLineLen": 80,
      "uglyComments": true
    }))
    .pipe(gulp.dest('./upload/css'));
});



gulp.task('run',['sass','css']);

gulp.task('watch', function(){
    gulp.watch('./Edit/sass/*.scss',['sass']);
    gulp.watch('./Edit/css/*.css',['css']);
});

gulp.task('default',['watch', 'run']);

这里是我的输出

Answer 1

所以，你有两种错误发生的情况：

1. Task function must be specified

该方法吞掉运行相关任务V4.0.0已经改变。而不是在一个数组，指定这些任务，就像这样：

gulp.task('run',['sass','css']);

他们已经推出了gulp.series和gulp.parallel功能。任务功能，而不是一个数组，因为Task function must be specified。在你的情况，给出了：

gulp.task('run', gulp.series('sass','css'));

2. Did you forget to signal async completion

这一次，你可以发现，因为这个问题已经被问过很多次了。你需要一个return语句添加到您的css任务一饮而尽时，它的完成要知道，因此可以继续前进。你的任务就变成了：

gulp.task('css', function () {
  return gulp.src('./Edit/css/*.css')
    .pipe(uglifycss({
      "maxLineLen": 80,
      "uglyComments": true
    }))
    .pipe(gulp.dest('./upload/css'));
});

结果：

全部放在一起，你得到这个gulpfile：

var gulp = require('gulp');
var sass = require('gulp-sass');
var uglifycss = require('gulp-uglifycss');

sass.compiler = require('node-sass');

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


gulp.task('css', function () {
  return gulp.src('./Edit/css/*.css')
    .pipe(uglifycss({
      "maxLineLen": 80,
      "uglyComments": true
    }))
    .pipe(gulp.dest('./upload/css'));
});



gulp.task('run', gulp.series('sass','css'));

gulp.task('watch', function(){
    gulp.watch('./Edit/sass/*.scss',gulp.series('sass'));
    gulp.watch('./Edit/css/*.css', gulp.series('css'));
});

gulp.task('default', gulp.series('watch', 'run'));

请注意，您可以将您的sass和css任务，如果你想：

gulp.task('styles', function(){
  return gulp.src('./Edit/sass/*.scss')
   .pipe(sass().on('error', sass.logError))
   .pipe(uglifycss({
    "maxLineLen": 80,
    "uglyComments": true
  }))
  .pipe(gulp.dest('./upload/css'));
});