tutorial serve run que commands node.js gulp bundling-and-minification

node.js - serve - npm gulp



Gulp minify todos los archivos CSS en un solo archivo (1)

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?


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/