gulp将所有的css文件都缩小到一个文件中

我有如下的大量任务脚本，

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

如何将src / css中的所有css文件都缩小为dist / css / style.min.css文件？

Answer 1

你的一口气任务是缺lessconcatpipe道。

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

这是一个非常好的教程关于build设与gulp：

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