node.js - serve - npm gulp

Gulp minify todos los archivos CSS en un solo archivo

Question

Tengo el script de tareas gulp como sigue,

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

¿Cómo minimizar todos los archivos css desde src / css a un único archivo como dist / css / style.min.css?

Answer 1

A su tarea de trago le falta la tubería 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''))

Aquí hay un muy buen tutorial sobre cómo construir con gulp:

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