ngụm giảm bớt tất cả các file css vào một tập tin duy nhất

Question

Tôi đã nuốt chửng nhiệm vụ kịch bản như sau,

// loads various gulp modules 
var gulp = require('gulp'); 
var concat = require('gulp-concat'); 
var minifyCSS = require('gulp-minify-css'); 
var autoprefixer = require('gulp-autoprefixer'); 
var rename = require('gulp-rename'); 

// create task 
gulp.task('css', function(){ 
    gulp.src('src/css/**/*.css') 
     .pipe(minifyCSS()) 
     .pipe(rename('style.min.css')) 
     .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9')) 
     .pipe(gulp.dest('dist/css')) 
}); 

Làm thế nào để rút gọn tất cả các file css từ src/css vào một tập tin duy nhất là dist/css/style.min .css?

Answer 1

Nhiệm vụ gulp của bạn thiếu đường ống concat.

gulp.src('src/css/**/*.css') 
    .pipe(minifyCSS()) 
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9')) 
    .pipe(concat('style.min.css')) 
    .pipe(gulp.dest('dist/css')) 

Đây là một hướng dẫn rất tốt về việc xây dựng với ngụm:

http://www.smashingmagazine.com/2014/06/11/building-with-gulp/