gulp.js是什么

Fanly 问答 2019-07-10 14:58:51 阅读(...)

gulp是一个开源JavaScript工具包,用作前端Web开发中的流构建系统,基于Node.js和npm的任务运行器,用于自动化Web开发中涉及的耗时和重复性任务,如缩小,连接,缓存清除,单元测试,linting,优化等。

gulp 是一个开源 JavaScript 工具包,由 Eric Sc​​hoffstall 创建,用作前端 Web 开发中的流构建系统。 它是一个基于 Node.jsnpm 的任务运行器,用于自动化 Web 开发中涉及的耗时和重复性任务,如缩小,连接,缓存清除,单元测试,linting,优化等。

gulp.js

gulp 使用代码配置方法来定义其任务,并依赖于其小型的单用途插件来实现它们。gulp 生态系统包括 3500 多个这样的插件。

概述

gulp 是基于节点流构建的 JavaScript 构建工具。这些流有助于通过管道连接文件操作。gulp 读取文件系统并通过.pipe()操作员将手头的数据从一个单一用途的插件传送到另一个插件,一次完成一个任务。在处理完所有插件之前,原始文件不会受到影响。它可以配置为修改原始文件或创建新文件。这通过链接其众多插件来授予执行复杂任务的能力。用户还可以编写自己的插件来定义自己的任务。与通过配置运行任务的其他任务运行程序不同,gulp 需要 JavaScript 知识和编码来定义其任务。gulp 是一个构建系统,除了运行任务外,它还能够将文件从一个位置复制到另一个位置,编译,部署,创建通知,单元测试,linting 等。

运行

像 gulp 和 Grunt 这样的任务运行程序是基于 Node.js 而不是 npm 构建的,因为基本的 npm 脚本在执行多个任务时效率很低。尽管一些开发人员更喜欢 npm 脚本,因为它们可以简单易用,但有很多方法可以让 gulp 和 Grunt 相互优势并提供默认的脚本。Grunt 通过转换文件来运行任务,并将其保存为临时文件夹中的新文件,并将一个任务的输出作为另一个任务的输入,依此类推,直到输出到达目标文件夹。这涉及很多 I / O.调用和创建许多临时文件。gulp 流经文件系统,并且不需要任何这些临时位置,从而减少了 I / O 调用的数量,从而提高了性能。Grunt 使用配置文件来执行任务,而 gulp 则需要对其构建文件进行编码。在 Grunt 中,每个插件都需要配置为将其输入位置与之前插件的输出相匹配。在 gulp 中,插件自动管道衬里。

操作

gulp 任务从命令行界面(CLI)shell 运行,并且需要项目根目录中的 package.json 和 gulpfile.js(或简称 gulpfile)。gulpfile 是加载插件并定义任务的地方。首先,加载所有必需的模块,然后在 gulpfile 中定义任务。gulpfile 中指定的所有必要插件都安装在 devDependencies 中。默认任务运行$gulp。单个任务可以由 gulp.task 定义并运行 gulp <task> <othertask>。复杂的任务是通过在.pipe()操作员的帮助下链接插件来定义的。

0个人收藏 收藏

评论交流

泪雪默认头像 请「登录」后参与评论
  1. 加载中..

相关推荐

  • Node.js

    node.js是什么

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台。
  • 做网站

    web开发是什么

    Web 开发就是开发网页程序,从开发简单的纯文本静态页面到复杂的基于 Web 的互联网应用程序,电子商务和社交网络服务。开发人员不需要从零开始写代码,可通过调用框架来开发程序,以节省时间和成本。
  • npm

    npm是什么意思

    npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。通过 npm 可以安装、共享、分发代码,管理项目依赖关系。
  • Node.js

    Node.js 是什么

    Node.js是一个能够在服务器端运行JavaScript的开放源代码、跨平台JavaScript 运行环境。采用Google开发的V8运行代码,使用事件驱动、非阻塞和异步输入输出模型等技术来提高性能。
  • Metasploit

    Metasploit是什么

    Metasploit是一款开源的安全漏洞检测工具,可以帮助安全和IT专业人士识别安全性问题,验证漏洞的缓解措施,并管理专家驱动的安全性进行评估,提供真正的安全风险情报。这些功能包括智能开发,代码审计,Web应用程序扫描,社会工程。
  • WordPress

    WordPress有什么功能

    WordPress占有超过43%的Web市场份额,且每天都在上升,拥有成千上万的主题模板和拓展插件,拥有完整的网站基础功能,具备丰富的二次开发接口,能够灵活的实现各种开发及功能,而且永久免费。