gulp常用插件
来源:互联网 发布:dbc数据库编辑器v3.0 编辑:程序博客网 时间:2024/06/05 06:42
本文持续更新中。。
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());
阅读全文
1 0
- gulp---gulp常用插件
- gulp常用插件-gulp-autoprefixer
- gulp常用插件-gulp-uglify
- gulp常用插件-gulp-imagemin
- gulp常用插件
- gulp常用插件使用
- gulp常用插件-concat
- gulp常用插件-htmlmin
- gulp常用插件介绍
- gulp常用插件
- 精通gulp常用插件
- 精通gulp常用插件
- 精通gulp常用插件
- 常用的gulp插件
- Gulp常用插件
- 精通gulp常用插件
- 常用Gulp插件
- Gulp 常用插件
- 公钥密码技术
- 解决 git 无法启动该程序,因为计算机中丢失libiconv-2.dll
- 使用Management Host Control
- Java编程-句子反转
- AC自动机
- gulp常用插件
- java 实现runnable接口与继承Thread类相比的优势
- Tiled地图编辑器使用注意事项
- SecureCRT的Session编码全局设置
- enum的学习运用
- Mysql-锁相关知识
- for in 和 for of的区别
- The C Programming Language 练习题3-4
- GKRandom