核心提示: 第三章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生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀
“`