美文网首页每天五分钟之IT技能包
gulp插件(2) - gulp-clean-css(压缩CSS

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

作者: 学好该死的程序 | 来源:发表于2017-10-25 11:50 被阅读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
        )
    });
    

    相关文章

      网友评论

        本文标题:gulp插件(2) - gulp-clean-css(压缩CSS

        本文链接:https://www.haomeiwen.com/subject/utkqpxtx.html