Gulp watch，运行多个任务问题答案

【问题标题】：Gulp watch, running multiple tasks issueGulp watch，运行多个任务问题
【发布时间】：2015-12-17 05:02:20
【问题描述】：

我正在尝试设置一个 Gulp 任务，将 Sass 转换为 CSS，然后将其缩小。

这是我当前的 gulpfile.js

// include gulp
var gulp = require('gulp'); 
var sass = require('gulp-sass');

var minifyCss = require('gulp-minify-css');


//gulp sass

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

gulp.task('minify-css', function() {
  return gulp.src('css/*.css')
    .pipe(minifyCss({compatibility: 'ie8'}))
    .pipe(gulp.dest('css'));
});

gulp.task('sass:watch', function () {
  gulp.watch('./scss/main.scss', ['sass','minify-css']);
});

我运行gulp sass:watch，我希望它能够将main.scss 转换为main.css，然后我看到它也运行minify-css，但它实际上并没有缩小它。

如果我运行gulp minify-css，它会完美运行。谁能告诉我这需要如何调整，以便gulp.watch 一个接一个地运行这两个任务？

谢谢

【问题讨论】：

标签： gulp gulp-watch gulp-sass

【解决方案1】：

看起来我得到了这项工作，通过删除额外的任务并将 css minify 合并到 sass 部分。

// include gulp
var gulp = require('gulp'); 
var sass = require('gulp-sass');

var minifyCss = require('gulp-minify-css');


//gulp sass

gulp.task('sass', function () {
  gulp.src('./scss/main.scss')
    .pipe(sass().on('error', sass.logError))
    .pipe(minifyCss({compatibility: 'ie8'}))
    .pipe(gulp.dest('./css'));
});

// gulp.task('minify-css', function() {
//   return gulp.src('css/*.css')
//     .pipe(minifyCss({compatibility: 'ie8'}))
//     .pipe(gulp.dest('css'));
// });

gulp.task('sass:watch', function () {
  gulp.watch('./scss/main.scss', ['sass']);
});

【讨论】：