CSS通过gulp缩小并重命名

我有一个变量

var files = {
    'foo.css': 'foo.min.css','bar.css': 'bar.min.css',};

我想让gulp为我做的是缩小文件，然后为我重命名。

但是任务当前写为(对于一个文件)

gulp.task('minify',function () {
    gulp.src('foo.css')
        .pipe(minify({keepBreaks: true}))
        .pipe(concat('foo.min.css'))
        .pipe(gulp.dest('./'))
});

如何重写，以便它与上面定义的变量文件一起工作？

解决方法

您应该能够使用Glob选择您的src所需的任何文件，而不是在对象中定义它们，这样可以简化您的任务。另外，如果你想将css文件分解成单独的文件，你不需要连接它们。

var gulp = require('gulp');
var minify = require('gulp-minify-css');
var rename = require('gulp-rename');

gulp.task('minify',function () {
    gulp.src('./*.css')
        .pipe(minify({keepBreaks: true}))
        .pipe(rename({
            suffix: '.min'
        }))
        .pipe(gulp.dest('./'))
    ;
});

gulp.task('default',['minify'],function() {

});