Gulp - 有用的插件

Gulp 提供了一些有用的插件来处理 HTML 和 CSS、JavaScript、图形以及下表中所述的其他一些内容。

HTML 和 CSS 插件

先生。	插件及说明
1	自动前缀器它自动包含 CSS 属性的前缀。
2	gulp 浏览器同步它用于监视 CSS 目录中的所有 HTML 和 CSS 文件，并在文件发生更改时在所有浏览器中实时重新加载页面
3	gulp-userref 它用于替换对非优化脚本或样式表的引用。
4	gulp 电子邮件设计它创建 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-html提示它指定一个 HTML 验证器。

JavaScript 插件

先生。	插件及说明
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 Web 服务器。
6	gulp-requirejs 它使用 require.js 将 require.js AMD 模块合并到一个文件中。
7	吞柏拉图它生成复杂性分析报告。
8	吞咽复杂性它分析代码的复杂性和可维护性。
9	修复我的js 它修复了 JSHint 结果。
10	gulp-jscpd 它用作源代码的复制/粘贴检测器。
11	gulp-jsonlint 它是 JSON 验证器。
12	吞咽丑化它缩小了 JavaScript 文件。
13	吞咽连接它连接 CSS 文件。

单元测试插件

先生。	插件及说明
1	gulp节点单元它从 Gulp 运行节点单元测试。
2	一饮茉莉它用于报告与输出相关的问题。
3	gulp-qunit 它为 QUnit 测试提供基本的控制台输出，并使用 PhantomJS 节点模块和 PhantomJS 运行器 QUnit 插件。
4	喝摩卡咖啡它指定 Mocha 周围的薄包装并运行 Mocha 测试。
5	贪业它已在 Gulp 中被弃用。

图形插件

先生。	插件及说明
1	古尔皮孔它从 SVG 生成精灵并将其转换为 PNG。
2	gulp图标字体它与网络字体一起使用，从 SVG 创建 WOFF、EOT、TTF 文件。
3	gulp-imacss 它将图像文件转换为数据 URI，并将它们放入单个 CSS 文件中。
4	吞咽响应式它为不同的设备生成响应式图像
5	锐利地吞咽它用于更改图像的方向和背景并调整其大小。
6	gulp-svgstore 它将 SVG 文件合并为一个带有 <symbol> 元素的文件。
7	gulp-imagemin 和 gulp-tinypng 它用于压缩PNG、JPEG、GIF、SVG 等图像。
8	gulp spritesmith 它用于从一组图像和 CSS 变量创建 spritesheet。

编译器插件

先生。	插件及说明
1	少咽口水它为 Gulp 提供了 LESS 插件。
2	gulp-sass 它为 Gulp 提供 SASS 插件。
3	gulp指南针它为 Gulp 提供指南针插件。
4	吞咽式手写笔它用于在 CSS 中保留手写笔。
5	大口喝咖啡它为 Gulp 提供了 CoffeeScript 插件。
6	吞咽车把它为 Gulp 提供了车把插件。
7	gulp-jst 它提供 JST 中的下划线模板。
8	吞咽反应它将 Facebook React JSX 模板指定为 JavaScript。
9	GruntGrunt 它指定 JST 中的 Nunjucks 模板。
10	gulp-dustjs 它指定 JST 中的 Dust 模板。
11	gulp-角度模板缓存它在 templateCache 中指定 AngularJS 模板。

其他插件

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

先生。	插件及说明
1	GruntGrunt 它从 Gulp 运行 Grunt 任务
2	吞咽手表每当发生更改时它都会监视文件。
3	吞咽通知每当任务失败时，它都会通知错误消息。
4	gulp-git 它允许使用 Git 命令。
5	gulp-jsdoc 它为 Gulp 创建 JavaScript 文档。
6	吞咽-转速它提供对文件名的静态资产修订。
7	吞咽碰撞它增加了 JSON 包中的版本。
8	gulp-bower-文件它用于注入 Bower 包。
9	gulp-删除日志它删除 console.log 语句。
10	gulp 预处理它根据上下文或环境配置预处理 HTML、JavaScript 和其他文件。
11	吞咽持续时间它指定 Gulp 任务的持续时间。
12	gulp 更改和 gulp 更新它运行修改后的文件和更新的文件。
13	吞咽连接它用于通过 LiveReload 运行 Web 服务器。
14	吞咽壳它运行 Shell 命令。
15	gulp-ssh 它通过使用 SSH 和 SFTP 任务进行连接。
16	gulp-zip 它压缩文件和文件夹。
17 号	gulp-clean 和 gulp-copy
18	gulp-文件大小它以人类可读的格式指定文件大小。
19	gulp-util 它提供了 gulp 插件的实用程序。