2014-10-09 18 views
46

मैं निम्नलिखित के रूप में कार्य स्क्रिप्ट घूंट की है, सभी सीएसएस फ़ाइलें,घूंट कम करें एक एकल फाइल

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

कैसे जिले/सीएसएस/style.min के रूप में एक एकल फाइल करने के लिए src/सीएसएस से सभी सीएसएस फ़ाइलें कम करें करने के लिए सीएसएस?

+0

संभव डुप्लिकेट [सीएसएस कम करें और घूंट के साथ नाम बदलने] (http://stackoverflow.com/questions/25764668/:

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

यहाँ घूंट के साथ निर्माण के बारे में एक बहुत अच्छा ट्यूटोरियल है css-minify-and-rename-with-gulp) –

+1

gulp-minify-css अब deperecated है। https://www.npmjs.com/package/gulp-minify-css – Musa

उत्तर

70

आपके गल्प कार्य में कॉन्सट पाइप गुम है।

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

की
+2

नाम बदलें() फ़ंक्शन की आवश्यकता नहीं है? –

+3

मुझे लगता है कि नाम बदलें() की आवश्यकता नहीं है क्योंकि आप मौजूदा फ़ाइलों का नाम बदलना नहीं चाहते हैं। आप केवल अपनी सभी मौजूदा फाइलों के संक्षिप्त डेटा युक्त एक नई फाइल बनाना चाहते हैं * .css –

+2

आपको नाम बदलने की आवश्यकता नहीं है क्योंकि आप पहले से ही आउटपुट फ़ाइल नाम (style.min.css) को कॉन्सट पाइप में परिभाषित कर रहे हैं । –

संबंधित मुद्दे