Gulp提供了一些有用的插件来处理HTML和CSS,JavaScript,图形以及下表中描述的其他一些内容.
HTML& CSS插件
Sr.No. | 插件&描述 |
---|---|
1 | autoprefixer 它自动包含CSS属性的前缀. |
2 | gulp-browser-sync 它用于观看CSS目录中的所有HTML和CSS文件每当文件发生变化时,都会在所有浏览器中对页面进行实时重新加载 |
3 | gulp-useref 它用于替换对非优化脚本或样式表的引用. |
4 | gulp -email-design 它创建HTML电子邮件模板,将CSS样式转换为内联. |
5 | gulp-uncss 优化CSS文件和查找未使用和重复的样式. |
6 | gulp-csso 这是一个CSS选择imizer,它可以最小化CSS文件,从而缩小文件大小. |
7 | gulp-htmlmin 它最大限度地减少了HTML文件. |
8 | gulp-csscomb 它用于制作CSS的样式格式化程序. |
9 | gulp-csslint 它指定一个CSS linter. |
10 | gulp-htmlhint 它指定一个HTML验证器. |
JavaScript插件
Sr.No. | 插件&描述 |
---|---|
1 | gulp-autopolyfiller 它与autoprefixer相同,包括JavaScript的必要polyfill. |
2 | gulp-jsfmt 它用于搜索特定的代码段. |
3 | gulp-jscs 它用于检查JavaScript代码样式. |
4 | gulp-modernizr 它指定了什么HTML,CSS和JavaScript功能用户的浏览器必须提供. |
5 | gulp-express 它启动了gulp express.js网络服务器. |
6 | gulp-requirejs 它使用require. js将require.js AMD模块组合成一个文件. |
7 | gulp-plato 它生成复杂性分析报告. |
8 | gulp-complexity 它分析了代码的复杂性和可维护性. |
9 | fixmyjs 它修复了JSHint的结果. |
10 | gulp-jscpd 它用作源代码的复制/粘贴检测器. |
11 | gulp -jsonlint 它是JSON验证器. |
12 | gulp-uglify 它缩小了JavaScript文件. |
13 | gulp-concat 它连接CSS文件. |
单位测试插件
Sr.No. | 插件&描述 |
---|---|
1 | gulp-nodeunit 它从Gulp运行节点单元测试. |
2 | gulp-jasmine 它用于报告与输出相关的问题. |
3 | gulp-qunit 它为QUnit测试提供基本的控制台输出,并使用PhantomJS节点模块和PhantomJS运行器QUnit插件. |
4 | gulp-mocha 它指定了Mocha周围的薄包装并运行Mocha测试. |
5 | gulp-karma 已在Gulp中弃用. |
图形插件
Sr.No. | 插件&描述 |
---|---|
1 | gulpicon 它从SVG生成精灵并将它们转换为PNG. |
2 | gulp-iconfont 它与网络字体一起用于创建WOFF,EOT,TTF文件来自SVG. |
3 | gulp-imacss 它将图像文件转换为数据URI并将它们放入一个CSS文件中. |
4 | gulp-responsive 它为不同的设备生成响应式图像 |
5 | gulp-sharp 它用于更改和调整图像的方向和背景. |
6 | gulp-svgstore 它将SVG文件合并为一个< symbol>元素. |
7 | gulp-imagemin&gulp-tinypng 它用于压缩PNG,JPEG,GIF,SVG等图像. |
8 | gulp-spritesmith 它用于从图像集和CSS变量创建spritesheet. |
编译器插件
Sr.No. | 插件&描述 |
---|---|
1 | gulp-less 它为Gulp提供了少量插件. |
2 | gulp-sass 它为Gulp提供SASS插件. |
3 | gulp-compass 它为Gulp提供指南针插件. |
4 | gulp-stylus 它用于将手写笔保存在CSS中. |
5 | gulp-coffee 它为Gulp提供coffeescript插件. |
6 | gulp-handlebars 它为Gulp提供了把手插件. |
7 | gulp-jst 它在JST中提供下划线模板. |
8 | gulp-r eact 它将Facebook React JSX模板指定为JavaScript. |
9 | gulp-nunjucks 它在JST中指定Nunjucks模板. |
10 | gulp- dustjs 它在JST中指定了Dust模板. |
11 | gulp-angular-templatecache 它在templateCache中指定AngularJS模板. |
其他插件
gulp-clean插件删除文件和文件夹,gulp-copy插件将文件从源文件复制到新目的地.
Sr.No. | 插件&描述 |
---|---|
1 | gulp-grunt 它从Gulp运行Grunt任务 |
2 | gulp-watch 无论何时进行更改,它都会监视文件. |
3 | gulp-notify 只要任务失败,它就会通知错误消息. |
4 | gulp-git 它允许使用Git命令. |
5 | gulp-jsdoc 它为Gulp创建JavaScript文档. |
6 | gulp-rev 它提供对文件名的静态资产修订. |
7 | gulp-bump 它增加了JSON包中的版本. |
8 | gulp-bower-files 它用于注入凉亭包. |
9 | gulp-removelogs 删除console.log语句. |
10 | gulp-preprocess 它根据上下文或环境配置预处理HTML,JavaScript和其他文件. |
11 | gulp-持续时间 它指定了Gulp任务的持续时间. |
12 | gulp-changed& gulp-newer 它运行修改过的文件和更新的文件. |
13 | gulp-connect 它用于运行LiveReload的Web服务器. |
14 | gulp-shell 它运行Shell命令. |
15 | gulp-ssh 它使用SSH和SFTP任务进行连接. |
16 | gulp-zip 它压缩文件和文件夹. |
17 | gulp-clean& gulp-copy |
18 | gulp-filesize 它以人类可读的格式指定文件大小. |
19 | gulp-util 它为gulp插件提供实用工具. |