gulp实用插件总结

gulp-sass:预编译sass;

gulp-imagemin:压缩png、jpj、git、svg格式图片

gulp-minfy-css:压缩css文件

gulp-rename 重命名文件，把一个文件储存不同版本时使用

gulp-concat:整合文件用的

gulp-autoprefixer 设置浏览器自动处理浏览器前缀，不必考虑各个浏览器兼容前缀（移动端页面兼容不太好的flex布局）

gulp-uglify 压缩javascript文件,减少文件大小

gulp-htmlmin 使用gulp-htmlmin压缩html，可以压缩页面javascript、css，去除页面空格、注释，删除多余属性等操作

gulp-jshint 检测javascript语法错误

gulp-csso:很多插件输出用的

merge-stream 合并交错一群流

gulp-clean 删除文件及文件夹

gulp-rev 根据静态资源内容，生成md5签名，打包文件名后会加上md5签名，同时生成一个json用来保存文件名相应的路径

时间： 2024-10-10 05:48:30

gulp实用插件总结的相关文章

Eclipse的实用插件

Decompiler PyDev ShellEd AnyEdit PropertiesEditor System and Desktop Search 前三款可直接从Eclipse Marketplace搜索下载,第四个插件可点击下载,其它实用插件等工作中用到了再来贴上! 参考 https://dzone.com/articles/5-best-eclipse-plugins-2 https://mcuoneclipse.com/2012/04/06/5-best-eclipse-plugins

Eclipse - Eclipse实用插件集合

提高代码质量的插件 1. FindBugs FindBugs可以帮你找到Java代码中的bug,并给出解决方案提示. 2. Checkstyle Checkstyle插件可以集成到Eclipse IDE中去,能确保Java代码遵循标准代码样式. 3. PMD PMD是一款代码分析器,用来检测变量和写得不好的代码. 依赖管理 1. m2e-android m2e-android 集成了ADT.maven-android.m2eclipse,用于Android应用开发. 2. m2eclipse m

gulp plugins 插件介绍

原文:http://ju.outofmemory.cn/entry/103253 鸟窝 2014-11-28 3020 阅读 gulp Gulp是一个构建工具, 功能类似grunt, 以及Java生态圈的ant, maven, gradle等. 其它的javascript生态圈的构建工具可以参考: List of JavaScript Build Tools它采用了一种流式处理的方式, 编写起来简单直观. 相对于其它javascript构建工具, 母亲啊它的star数是仅次于grunt,流行度还

[VisualStudio]_[VS实用插件集合*持续更新]

场景: 1. 有些插件对提高效率是必要和必需的. 吐槽下:微软的程序员如何解决以下问题的?不用插件. 1. 快速打开文件,文件多之后VS只能通过鼠标点击 "解决方案资源管理器" 来双击打开文件,效率很低.这个插件可以通过快捷键CTRL+K,CTRL+O来打开指定的文件,支持文件名模糊匹配. 下载地址: http://visualstudiogallery.msdn.microsoft.com/3eb2f230-2728-4d5f-b448-4c0b64154da7 vs2012的没试

JS实用插件

1. jQuery鼠标滚轮事件插件Mouse Wheel 下载链接:https://github.com/brandonaaron/jquery-mousewheel/ 使用方法: // using bind $('#my_elem').bind('mousewheel', function(event, delta) { console.log(delta); }); // using the event helper $('#my_elem').mousewheel(function(eve

gulp常用插件之wiredep使用

更多gulp常用插件使用请访问:gulp常用插件汇总 wiredep这是一款gulp插件,能够将js.css文件自动插入到html中. 更多使用文档请点击访问wiredep工具官网. Bower是一个客户端技术的软件包管理器,它可用于搜索.安装和卸载如JavaScript.HTML.CSS之类的网络资源. 详细信息请参考bower官网. 原文地址:https://www.cnblogs.com/jiaoshou/p/12021159.html

gulp常用插件之gulp-plumber使用

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-plumber这是一款防止因gulp插件的错误而导致管道中断,plumber可以阻止 gulp 插件发生错误导致进程退出并输出错误日志. 更多使用文档请点击访问gulp-plumber工具官网. 安装 npm install --save-dev gulp-plumber 使用 var plumber = require('gulp-plumber'); var coffee = require('gulp-coffee'); gu

gulp常用插件之gulp-sourcemaps使用

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-sourcemaps这是一款用来生成映射文件的一个插件,SourceMap 文件记录了一个存储源代码与编译代码对应位置映射的信息文件.我们在调试时都是没办法像调试源码般轻松,这就需要 SourceMap 帮助我们在控制台中转换成源码,从而进行 debug. gulp-sourcemaps在前端的工作中主要是用来解决以下三个方面出现的 debug 问题: 代码压缩混淆后利用 sass .typeScript 等其他语言编译成 css

gulp常用插件之gulp-useref使用

更多gulp常用插件使用请访问:gulp常用插件汇总 gulp-useref这是一款可以将HTML引用的多个CSS和JS合并起来,减小依赖的文件个数,从而减少浏览器发起的请求次数.gulp-useref根据注释将HTML中需要合并压缩的区块找出来,对区块内的所有文件进行合并.注意:它只负责合并,不负责压缩!,如果需要做其他操作,可以配合gulp-if插件使用. 更多使用文档请点击访问gulp-useref工具官网. 安装一键安装不多解释 npm install --save-dev gulp-