2014-10-09 22 views
46

tüm css dosyaları yudum küçültmek ben şöyle görev komut yudum gelmiş tek bir dosya

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

nasıl dist/css/style.min gibi tek dosyaya src/css tüm css dosyalarını küçültmek için .css?

+0

olası yinelenen [css küçültmek ve yudum ile adlandırmak] (http://stackoverflow.com/questions/25764668/: Burada

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

yudum ile yapımı ile ilgili bir çok iyi bir öğretici olduğunu css-minify-ve-rename-with-gulp) –

+1

gulp-minify-css şimdi deperecated. https://www.npmjs.com/package/gulp-minify-css – Musa

cevap

70

Gulp göreviniz, concat borusunda eksik.

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

ait
+2

rename() işlevi burada gerekli değil mi? –

+3

Sanırım varolan dosyaları yeniden adlandırmak istemediğiniz için rename() gerekli değil. Sadece varolan tüm dosyalarınızın concat verilerini içeren yeni bir dosya oluşturmak istiyorsunuz. * .css –

+2

Henüz bir isim() gerekmiyor, çünkü concat borusundaki çıktı dosya adını (style.min.css) zaten tanımlıyorsunuz . –

İlgili konular