CSS通过gulp缩小并重命名

前端之家收集整理的这篇文章主要介绍了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() {

});

猜你在找的CSS相关文章