어떻게 자동 프리픽스와 축소 모두를 볼 수 있습니까?

Question

내 폴더 구조는 style.css 파일을 담고있는 "production"이라는 디렉토리로 구성되어 있습니다. 필자가 작성한 파일 ... 내 autoprefixed style.css 파일의 대상인 "css"라는 다른 디렉토리가 있습니다. 내가 설정 한 watch 태스크는 autoprefixer에 대해 완벽하게 작동하지만 minify 태스크는 새로 생성 된 autoprefixed css를 축소 된 버전으로 대체하는 watch 태스크를 통해 작동하지 않습니다. 나는 꿀꺽 마시는 것을 처음이다. 어떤 도움이라도 대단히 감사 할 것입니다! 여기

내가 뭘하는지입니다 :

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')); 
}