2014-10-09 2 views
46

모든 CSS 파일, 꿀꺽 작게하다에게 나는 다음과 같은 작업 스크립트 꿀꺽 한 하나의 파일

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

방법 DIST/CSS/style.min로 하나의 파일에 SRC/CSS에서 모든 CSS 파일을 작게를 위해 .css?

+0

가능한 중복 [CSS를 작게하다 및 꿀꺽 꿀꺽로 이름을 변경 (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가 삭제되었습니다. https://www.npmjs.com/package/gulp-minify-css – Musa

답변

70

gulp 작업에 연결 파이프가 누락되었습니다.

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

+2

is rename() 함수는 여기에 필요하지 않습니까? –

+3

기존 파일의 이름을 바꾸지 않기 때문에 rename()이 필요하지 않다고 생각합니다. 모든 기존 파일의 concat 데이터를 포함하는 새 파일 만 만들려고합니다. * .css –

+2

concat 파이프에서 이미 출력 파일 이름 (style.min.css)을 정의하고 있기 때문에 rename()이 필요하지 않습니다. . –