gulp.js是什么

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

gulp 是一个开源 JavaScript 工具包,由 Eric Sc​​hoffstall 创建,用作前端 Web 开发中的流构建系统。 它是一个基于 Node.js 和 npm 的任务运行器,用于自动化 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()操作员的帮助下链接插件来定义的。

本文来自投稿,不代表【】观点,发布者:【

本文地址: ,如若转载,请注明出处!

举报投诉邮箱:253000106@qq.com

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年11月13日 上午2:20
下一篇 2023年11月13日 上午2:22

相关推荐

  • node.js是什么

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

    2023年11月28日
    2100
  • Dart是什么

    Dart是谷歌开发的计算机编程语言。后来被Ecma认定为标准。被用于web、服务器、移动应用和物联网等领域的开发。 类似JavaScript,Dart也是一种面向对象语言,但是它采用基于类编程。 Dart 是一种适用于万维网的开放源代码编程语言,由 Google 主导开发,于 2011 年 10 月公开。它的开发团队由 Google Chrome 浏览器 V…

    2023年11月13日
    1600
  • Nest.js是什么

    Nest.js是用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。支持 Typescript 、面向 AOP 编程、支持 typeorm、Node.js 版的 spring、构建微服务应用。 Nest.js 是用于构建高效且可伸缩的服务端应用程序的渐进式 Node.js 框架。支持 Typescript 、面向 AOP 编程、支持 type…

    2023年11月13日
    1500
  • js和jsp有什么区别

    JSP 全称是 java server page 是 java 企业应用的一种动态技术用于 java 语言的 web 开发方向。JS 全称是 javaScript 是一种页面脚本语言,与 java 没有关系。 JSP 全称是 java server page 是 JAVA 企业应用的一种动态技术用于 java 语言的 web 开发方向。JS 全称是 java…

    2023年11月13日
    2500
  • ECMAscript 和 Javascript 的区别

    JavaScript是ECMAScript最流行的实现之一,JavaScript的核心功能基于ECMAScript标准,但JavaScript还具有ECMAScript标准中没有的其他功能。所以两者密不可分。 JavaScript 是 ECMAScript 最流行的实现之一,JavaScript 的核心功能基于 ECMAScript 标准,但 JavaScr…

    2023年11月13日
    1800
  • es5 和 es6 的区别

    ECMAScript是JS的核心,ES6相对于ES5在向下兼容的基础上提供大量新特性,如:块级作用域关键字let、常量const、对象字面量的属性赋值简写、字符串模板等新特性。不过现代浏览器支持的ES版本是ES5。 ECMAScript 是 JS 的核心,ES6 相对于 ES5 在向下兼容的基础上提供大量新特性,如:块级作用域 关键字 let, 常量 con…

    2023年11月13日
    2500
  • quicklink 是什么

    google quicklink是一个js库,可以在空闲时间预加载页面可视区域内的链接,加快后续加载速度,提高用户体验。该库面向原生 JavaScript,利用浏览器众多特性,设计巧妙而实用。 Google quicklink 是一个 js 库,可以在空闲时间预加载页面可视区域内的链接,加快后续加载速度,提高用户体验。该库面向原生 JavaScript,利用…

    2023年11月13日
    2100
  • Webpack 是什么

    Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式,将各种静态资源视为模块,并从它生成优化过的代码。要使用Webpack 前须先安装Node.js。 Webpack 是一个开源的前端打包工具。Webpack 提供了前端开发缺乏的模块化开发方式,将各种静态资源视为模块,并从它生成优化过的代码。 Webpack 可以从终…

    2023年11月12日
    1700
  • AJAX 是什么

    AJAX是一种客户端Web开发技术,用于生成交互式Web应用程序。AJAX是一种开发应用程序的方法,它结合了下面的功能,使用JavaScript将它们组合在一起。 AJAX 是一种客户端 Web 开发技术,用于生成交互式 Web 应用程序。AJAX 是一种开发应用程序的方法,它结合了下面的功能,使用 JavaScript 将它们组合在一起。 基于 XHTML…

    2023年11月12日
    1300
  • jQuery 是什么

    jQuery是一个简洁而快速的JavaScript库,可用于简化事件处理,HTML文档遍历,Ajax交互和动画,以便快速开发网站。jQuery简化了HTML的客户端脚本,从而简化了Web 2.0应用程序的开发。 jQuery 是一个简洁而快速的 JavaScript 库,可用于简化事件处理,HTML 文档遍历,Ajax 交互和动画,以便快速开发网站。jQue…

    2023年11月12日
    1700



微信客服