gulpにオートプレフィクサーとミニプレビューの両方を見る方法を教えてください。

Question

私のフォルダ構造は、 "production"というディレクトリで構成されています。このディレクトリには、私が書いているファイルstyle.cssがあります。私はautosfixed style.cssファイルの宛先である "css"という別のディレクトリを持っています。私が設定したウォッチタスクは、オートプレフィクサーのためには完璧に機能しますが、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

することはでき一緒にこのような単なる連結二つのタスク：

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