gulp有用的插件

Gulp 有用的插件

Gulp提供了一些有用的插件来处理HTML＆CSS，JavaScript，Graphics和其他一些事情，如下表所述。

HTML & CSS 插件

Sr.No.	Plugin & Description
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优化器，可以最小化CSS文件，从而缩小文件大小。
7	gulp-htmlmin 它最小化HTML文件。
8	gulp-csscomb 它用于为CSS创建样式格式化程序。
9	gulp-csslint 它指定了一个CSS linter。.
10	gulp-htmlhint 它指定一个HTML验证器。.

JavaScript 插件

Sr.No.	Plugin & Description
1	gulp-autopolyfiller 它与autoprefixer相同，其中包含必要的JavaScript填充。.
2	gulp-jsfmt 它用于搜索特定的代码片段。
3	gulp-jscs 它用于检查JavaScript代码风格。
4	gulp-modernizr 它指定用户浏览器必须提供的HTML，CSS和JavaScript功能。
5	gulp-express 它启动gulp express.js Web服务器。
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.	Plugin & Description
1	gulp-nodeunit 它运行来自Gulp的节点单元测试。.
2	gulp-jasmine 它用于报告与输出有关的问题。.
3	gulp-qunit 它为QUnit测试提供基本的控制台输出，并使用PhantomJS节点模块和PhantomJS runner QUnit插件。
4	gulp-mocha 它指定了Mocha周围的薄包装并运行Mocha测试。.
5	gulp-karma 它已经在Gulp中被弃用了。.

图像插件

Sr.No.	Plugin & Description
1	gulpicon 它从SVG生成精灵并将它们转换为PNG。
2	gulp-iconfont 它使用Web字体从SVG创建WOFF，EOT，TTF文件。
3	gulp-imacss 它将图像文件转换为数据URI并将它们放入单个CSS文件中。
4	gulp-responsive 它为不同的设备生成响应式图像
5	gulp-sharp 它用于更改和调整图像的方向和背景。
6	gulp-svgstore 它将SVG文件与元素组合成一个文件。
7	gulp-imagemin & gulp-tinypng 它用于压缩诸如PNG，JPEG，GIF，SVG等图像。
8	gulp-spritesmith 它用于从一组图像和CSS变量创建spritesheet。

编译器插件

Sr.No.	Plugin & Description
1	gulp-less 它为Gulp提供LESS插件。
2	gulp-sass 它为Gulp提供SASS插件。
3	gulp-compass 它为Gulp提供指南针插件。
4	gulp-stylus 它用于在CSS中保持手写笔。
5	gulp-coffee 它为Gulp提供咖啡插件。
6	gulp-handlebars 它提供了Gulp的handlebars插件。
7	gulp-jst 它在JST中提供了下划线模板。
8	gulp-react 它将Facebook React JSX模板指定为JavaScript。
9	gulp-nunjucks 它在JST中指定了Nunjucks模板。
10	gulp-dustjs 它指定JST中的灰尘模板。
11	gulp-angular-templatecache 它指定了templateCache中的AngularJS模板。

其他插件

gulp-clean插件删除文件和文件夹，并且gulp-copy插件将源文件复制到新的目的地。

Sr.No.	Plugin & Description
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-duration 它指定了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 它提供了大量插件的实用程序。