您现在的位置:首页 >> 前端 >> 内容

第三章gulp常用插件之gulp-minify-css

时间:2017/3/2 10:00:00 点击: 36

  核心提示: 第三章gulp常用插件之gulp-minify-css。功能说明:压缩css文件,并给引用URL添加版本号避免缓存,gulp-minify-css已废弃,使用gulp-clean-css,用法一致。...

第三章gulp常用插件之gulp-minify-css。功能说明:压缩css文件,并给引用URL添加版本号避免缓存,gulp-minify-css已废弃,使用gulp-clean-css,用法一致。

1、本地安装gulp-minify-css

$>cnpm install gulp-minify-css --save-dev

2、配置gulpfile.js

var gulp = require('gulp'),
    cssmin = require('gulp-minify-css');

gulp.task('testCssmin', function () {
    gulp.src('src/css/*.css')
        .pipe(cssmin())
        .pipe(gulp.dest('dist/css'));
});

gulp-minify-css 最终是调用clean-css,其他参数查看这里

advanced: #类型:Boolean 默认:true [是否开启高级优化(合并选择器等)]
compatibility: ‘ie7’ #保留ie7及以下兼容写法 类型:String 默认:”or’’ [启用兼容模式; ‘ie7’:IE7兼容模式,’ie8’:IE8兼容模式,’‘:IE9+兼容模式]
keepBreaks: #类型:Boolean 默认:false [是否保留换行]
keepSpecialComments: ‘*’ #保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀
“`

Tags:第三 三章 章G GU 
作者:网络 来源:大敏的技术栈
请选择您看到这篇文章时的心情: 已有0人表态:
0
0
0
0
0
0
0
0
惊讶 欠揍 支持 很棒 愤怒 搞笑 恶心 不解