开发手册 欢迎您!
软件开发者资料库

Gulp - 有用的插件

Gulp有用的插件 - 从概述,安装,基础知识,开发应用程序,结合Gulp任务,监视,Live Relaod,优化CSS和JavaScript文件,优化图像,有用的插件,清理不需要的文件,学习Gulp。

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

它压缩文件和文件夹.

17gulp-clean& gulp-copy
18 gulp-filesize

它以人类可读的格式指定文件大小.

19 gulp-util

它为gulp插件提供实用工具.