1、gulp-clean-css // css压缩

[JavaScript] 纯文本查看 复制代码

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

2、gulp-uglify // js压缩

[JavaScript] 纯文本查看 复制代码

// 定义一个任务 
gulp.task('compass', function () {
    gulp.src(['js/*.js','!js/*.min.js'])  //获取文件，同时过滤掉.min.js文件
        .pipe(uglify())
        .pipe(gulp.dest('javascript/'));  //输出文件
});

3、gulp-imagemin //图片压缩

[JavaScript] 纯文本查看 复制代码

.pipe(imageMin({
            optimizationLevel: 4, //类型：Number  默认：3  取值范围：0-7（优化等级）
            progressive: true, //类型：Boolean 默认：false 无损压缩jpg图片
            interlaced: true, //类型：Boolean 默认：false 隔行扫描gif进行渲染
            multipass: false //类型：Boolean 默认：false 多次优化svg直到完全优化
        }))

4、gulp-sourcemaps //生成sourcemap文件

[JavaScript] 纯文本查看 复制代码

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));
 

5、gulp-changed // 仅仅传递更改过的文件

[JavaScript] 纯文本查看 复制代码

return gulp.src(paths.html)  
    .pipe(changed(dist_paths.html))  
        .pipe(gulp.dest(dist_paths.html)); 

6、gulp-clean //文件清除

[JavaScript] 纯文本查看 复制代码

gulp.task('clean', function(){  
    return gulp.src('./dist', {read: false})  
        .pipe(clean({force: true}));  
});
 

7、gulp-connect //web服务器

[JavaScript] 纯文本查看 复制代码

//定义livereload任务  
gulp.task('connect', function () {  
    connect.server({  
        root: './',  
        port: 8086,  
        livereload: true  
    });  
});    
.pipe(connect.reload()); 
 

1、gulp-clean-css // css压缩

[JavaScript] 纯文本查看 复制代码

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

2、gulp-uglify // js压缩

[JavaScript] 纯文本查看 复制代码

// 定义一个任务 
gulp.task('compass', function () {
    gulp.src(['js/*.js','!js/*.min.js'])  //获取文件，同时过滤掉.min.js文件
        .pipe(uglify())
        .pipe(gulp.dest('javascript/'));  //输出文件
});

3、gulp-imagemin //图片压缩

[JavaScript] 纯文本查看 复制代码

.pipe(imageMin({
            optimizationLevel: 4, //类型：Number  默认：3  取值范围：0-7（优化等级）
            progressive: true, //类型：Boolean 默认：false 无损压缩jpg图片
            interlaced: true, //类型：Boolean 默认：false 隔行扫描gif进行渲染
            multipass: false //类型：Boolean 默认：false 多次优化svg直到完全优化
        }))

4、gulp-sourcemaps //生成sourcemap文件

[JavaScript] 纯文本查看 复制代码

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));
 

5、gulp-changed // 仅仅传递更改过的文件

[JavaScript] 纯文本查看 复制代码

return gulp.src(paths.html)  
    .pipe(changed(dist_paths.html))  
        .pipe(gulp.dest(dist_paths.html)); 

6、gulp-clean //文件清除

[JavaScript] 纯文本查看 复制代码

gulp.task('clean', function(){  
    return gulp.src('./dist', {read: false})  
        .pipe(clean({force: true}));  
});
 

7、gulp-connect //web服务器

[JavaScript] 纯文本查看 复制代码

//定义livereload任务  
gulp.task('connect', function () {  
    connect.server({  
        root: './',  
        port: 8086,  
        livereload: true  
    });  
});    
.pipe(connect.reload());