gulp минимизировать все файлы css в один файл
У меня есть сценарий задачи gulp следующим образом,
// 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'))
});
как минимизировать все файлы css из src / css в один файл как dist / css / style.минута.css?
1 ответов
ваша задача gulp отсутствует конкат-труба.
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'))
вот очень хороший учебник о строительстве с gulp:
http://www.smashingmagazine.com/2014/06/11/building-with-gulp/