我该如何获得一口气同时观看autoprefixer和minify？

Question

我的文件夹结构包含一个名为“production”的目录，其中包含style.css，我正在编写的文件...我有另一个名为“css”的目录，它是我的autoprefixed style.css文件的目标。我设置的手表任务完美适用于autoprefixer，但minify任务无法通过监视任务在覆盖新创建的带有缩小版本的自动补充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

你可以CONCAT两个任务一起这样的：

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