本文持續更新中。。
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());