本文持续更新中。。
1、gulp-less // less编译
2、gulp-clean-css // css压缩
.pipe(cssmin({
advanced: false,//类型:Boolean 默认:true [是否开启高级优化(合并选择器等)]
compatibility: 'ie7',//保留ie7及以下兼容写法 类型:String 默认:''or'*' [启用兼容模式; 'ie7':IE7兼容模式,'ie8':IE8兼容模式,'*':IE9+兼容模式]
keepBreaks: true,//类型:Boolean 默认:false [是否保留换行]
keepSpecialComments: '*'
//保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀
}))
3、gulp-uglify // js压缩
4、gulp-imagemin //图片压缩
.pipe(imageMin({
optimizationLevel: 4, //类型:Number 默认:3 取值范围:0-7(优化等级)
progressive: true, //类型:Boolean 默认:false 无损压缩jpg图片
interlaced: true, //类型:Boolean 默认:false 隔行扫描gif进行渲染
multipass: false //类型:Boolean 默认:false 多次优化svg直到完全优化
}))
5、gulp-sourcemaps
//生成sourcemap文件
return gulp.src(paths.less)
.pipe(changed(dist_paths.css))
.pipe(sourcemaps.init())
.pipe(less())
.pipe(gulp.dest('dist/css'))
.pipe(cssMin())
.pipe(rename({ extname: '.min.css' }))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(dist_paths.css));
6、gulp-changed // 仅仅传递更改过的文件
return gulp.src(paths.html)
.pipe(changed(dist_paths.html))
.pipe(gulp.dest(dist_paths.html));
7、gulp-clean
//文件清除
gulp.task('clean', function(){
return gulp.src('./dist', {read: false})
.pipe(clean({force: true}));
});
8、gulp-connect //web服务器
//定义livereload任务
gulp.task('connect', function () {
connect.server({
root: './',
port: 8086,
livereload: true
});
});
.pipe(connect.reload());