gulp minify wszystkie pliki css do jednego pliku

Question

gulp minify wszystkie pliki css do jednego pliku

Mam skrypt zadania gulp jak poniżej,

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

Jak zminimalizować wszystkie pliki css z src / css do jednego pliku jako dist/css / style./ min.css?

48

node.js gulp bundling-and-minification

Author: Damjan Pavlica, 2014-10-09

Source

1 answers

score 73 · Accepted Answer

Twoim zadaniem jest pominięcie rury 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'))

Oto bardzo dobry tutorial na temat budowania z gulp:

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