每天五分钟之IT技能包

gulp插件(2) - gulp-clean-css(压缩CSS

2017-10-25  本文已影响12人  学好该死的程序

功能描述

gulp-clean-css用于css文件压缩

gulp-minify-css也是实现相同功能,但gulp-minify-css现在已经被标记为deprecated

安装命令

$ cnpm install gulp-clean-css --save-dev

使用方法

例1:基本使用

var gulp        = require('gulp'),
    minifyCss   = require('gulp-clean-css'),
    pump        = require('pump');
 
gulp.task('cssmin', [], function(cb) {
    pump([
        gulp.src('src/css/*.css'),
        minifyCss(),
        gulp.dest('dist/css')
    ], cb
    )
});

例2:使用参数配置,其它参数请查看这里

var gulp        = require('gulp'),
    minifyCss   = require('gulp-clean-css'),
    pump        = require('pump');
 
gulp.task('cssmin', [], function(cb) {
    pump([
        gulp.src('src/css/*.css'),
        minifyCss({
            keepSpecialComments: '*'
            //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀
        }),
        gulp.dest('dist/css')
    ], cb
    )
});
上一篇下一篇

猜你喜欢

热点阅读