Как заставить gulp смотреть как авторефиксатор, так и минимизировать?

Question

Моя структура папок состоит из каталога с именем "production", в котором находится файл style.css, файл, в который я пишу... У меня есть еще один каталог с именем "css", который является местом назначения для моего файла auto.pss с префиксом. Задача наблюдения, которую я настроил, отлично работает для автоматического префикса, но задача минимизации не работает через задачу наблюдения в переопределении вновь созданного css с автоматически префиксом и уменьшенной версией. Я новичок в глотке... любая помощь будет принята с благодарностью!

Вот что я делаю:

var gulp = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var cleanCSS = require('gulp-clean-css');

gulp.task('styles',function() {
    gulp.src('production/style.css')
        .pipe(autoprefixer())
        .pipe(gulp.dest('css'))
});

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

gulp.task('watch',function() {
    gulp.watch('production/style.css', ['styles']);
    gulp.watch('css/style.css', ['minify-css']);
});

Структура файла:

-web-project
   -css
      -style.css

   gulpfile.js
   index.html

   -node_modules

   package.json

   -production
      -style.css

Answer 1

Вы можете просто объединить две задачи вместе, как это:

gulp.task('jade',function() {
gulp.src('./client/templates/*.jade')
  .pipe(jade())
  .pipe(gulp.dest('./build/templates'))
  .pipe(minify())
  .pipe(gulp.dest('./build/minified_templates'));
}