HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

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 优化器，可最小化 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 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. 插件 &描述
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

它与 Web 字体一起使用，从 SVG 创建 WOFF、EOT、TTF 文件。
3 gulp-imacss

它将图像文件转换为数据 URI 并将它们放入单个 CSS 文件中。
4 gulp-responsive

它生成响应式为不同设备提供图像
5 gulp-sharp

用于更改和调整图像的方向和背景大小。
6 gulp-svgstore

它使用<symbol> 将 SVG 文件合并为一个元素。
7 gulp-imagemin & gulp-tinypng

用于压缩 PNG、JPEG、GIF、SVG 等图像。
8 gulp-spritesmith

用于从一组图像和 CSS 变量创建精灵表。

编译器插件

Sr.No. 插件和说明
1 gulp-less

它为 Gulp 提供了 LESS 插件。
2 gulp-sass

它为 Gulp 提供了 SASS 插件。
3 gulp-compass

它为 Gulp 提供了指南针插件。
4 gulp-stylus

它用于将 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。
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

它用于注入 bower包。
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

它为 gulp 插件提供实用程序。
❮ 上一节 下一节 ❯