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

功能描述

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

例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({
            keepSpecialComments: '*'
            //保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀
        }),
        gulp.dest('dist/css')
    ], cb
    )
});

你可能感兴趣的:(教程,-,前端自动化工具Gulp)