当前位置: 首页 > 软件库 > 开发工具 > 项目构建 >

Gulp.js

基于流的自动化构建工具
授权协议 MIT
开发语言 JavaScript
所属分类 开发工具、 项目构建
软件类型 开源软件
地区 不详
投 递 者 司徒正信
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Gulp.js 基于流的自动化构建工具。

易于使用

通过代码优于配置的策略,Gulp 让简单的任务简单,复杂的任务可管理。

构建快速

利用 Node.js 流的威力,你可以快速构建项目并减少频繁的 IO 操作。

  

插件高质

Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作

易于学习

通过最少的 API,掌握 Gulp 毫不费力,构建工作尽在掌握:如同一系列流管道。 

     

  • gulp简单来讲,是一个基于流的自动化构建工具,听起来有点奇怪,但是简单理解就是前端工程化工具,它的出现使得我们能够将一些操作或者处理工作直接交给工具去做,充分提高了开发的效率,基于流的意思是通过数据流的方式读取,处理然后再输出到文件 为什么需要gulp? * 模块化我们的html,css,js文件,使得项目的结构更加的清晰 * 转译我们的模块文件(例如:js es6->es5 , panini-

  • 简介 Gulp是一个nodejs的streaming构建工具。 优势: 1. 内置文件监听 2. Gulp大部分的插件只完成一件事。 3. Gulp使用js语言,易读,易修改,扩展性好 4. Gulp速度很快,其通过流的形式,让数据在不同的Gulp插件之间经过,而文件的写操作只会出现在task的最后。 大约有40%的web前端开发者使用Gulp。 具体来说,Gulp不能做任何事,你需要做的是: 1

  •  gulp.series 顺序执行   gulp.parallel 用于并行执行。 文件操作。 'use strict' var fs = require('fs'); var gulp = require('gulp'); // gulp 自身 var uglify = require('gulp-uglify'); // 引入压缩组件 var concat = r

  • 1. 创建 gulp 项目文件夹 - 导入 下载 相关的依赖包 2.  创建 gulp 外部js文件 - 这个文件名 必须是 gulpfile.js - 所有的gulp打包压缩程序都定义在这个文件中 3. 设定 gulp 打包压缩相关的程序 (1) 导入相关依赖包 (2) 定义 gulp 打包压缩规范的执行 每一个gulp打包压缩规范都有固定的程序执行方式 设定的都是固定的程序模式 只是程序的相关

  • gulp.task方法用来定义任务,内部使用的是Orchestrator,其语法为: gulp.task(name[, deps], fn) name: 为任务名 deps: 是当前定义的任务需要依赖的其他任务,为一个数组。当前定义的任务会在所有依赖的任务执行完毕后才开始执行。如果没有依赖,则可省略这个参数 fn: 为任务函数,我们把任务要执行的代码都写在里面,是当前任务的实际处理逻辑。该参数也是

  • gulp.dest()方法是用来写文件的,其语法为: gulp.dest(path[,options]) path为写入文件的路径 options为一个可选的参数对象,通常我们不需要用到 要想使用好gulp.dest()这个方法,就要理解给它传入的路径参数与最终生成的文件的关系。 gulp的使用流程一般是这样子的:首先通过gulp.src()方法获取到我们想要处理的文件流,然后把文件流通过pipe

  • 1、示例 整个目录: gulp.task('copy', function() { return gulp.src('src/**/*') .pipe(gulp.dest('dist')) }); gulp拷贝文件的时候如何保持路径? 效果:保留static/jquery/路径信息,即拷贝后的文件路径是 dist/static/jquery/jquery.js 1、在 gulp.sr

  • gulp.task("watch", function () { gulp.watch("html/*", gulp.series("html")) gulp.watch("css/*", gulp.series("css")) gulp.watch("js/*", gulp.series("js")) })

  • gulp 4.0.2[更新]函数式task使用(含gulp.watch处理方法) 文章读完需要大约 15 min 目前npm上gulp更新到4.0.2,“点此进入 gulp npm页” 作者最近在学习node 使用gulp模块构建项目,在gulp官方中文文档 [创建任务(task)页] 发现官方推荐使用function写法创建task,可使用gulp.series() 、 gulp.paralle

  • 用来打包静态资源,功能就是根据md5自动生成css和js文件名的md5后缀,并且自动替换html文件中的引用,避免浏览器缓存静态文件导致样式显示错误 var gulp = require('gulp'), runSequence = require('run-sequence'), rev = require('gulp-rev'), revCollector = requ

  • 看流程之前肯定得先了解一下gulp.js吧,附上链接,大家自己去看APIgulp.js中文网 下面就来说说怎么使用gulp.js,gulp.js是基于node来使用的,那么问题又来了,nodejs怎么安装,这个大家还是去菜鸟教程看一下;这里就不多说了; 第一步.在终端输入 node -v 查看一下你的nodejs是否安装成功,如果安装成功, 就会提示你的版本 ,我的是 v4.4.4; 第二步.全局

  • 請先在命令端輸入glup -v查看版本 如果版本為4.X.X,請先移除glup npm uninstall gulp -g 並把項目端的node_modules文件夾刪除掉 並把package.json刪除掉 然後重新安裝gulp npm install gulp@3.9.1 -g 然後切換命令行的所在目錄位置,並輸入npm init重新生成package.json文件 然後再次輸入npm ins

 相关资料
  • 主要内容:使用 maven-invoker-plugin 插件Maven 自动化构建是一种方案,即当某个项目构建完成后(特别是有代码更新的情况下),所有依赖它的相关项目也应该开始构建过程,以确保这些项目的稳定运行。 Maven 的自动化构建主要通过如下两种方案实现: 使用 maven-invoker-plugin 插件。 使用持续集成(CI)服务器自动管理构建自动化,例如 Jenkins (了解即可)。 使用 maven-invoker-plugin 插件

  • 概述 安装和使用 安装 node >= 8.10.0 npm install -g loopback-cli apiconnect 使用 apic loopback npm install --save loopback-component-explorer cd <project> PORT=9001 apic edit 在目录server下面增加文件component-config.jso

  • 构建自动化定义了在项目构建成功完成后依赖项目构建过程开始的场景,以确保依赖项目是稳定的。 Example 考虑一个团队正在开发一个项目bus-core-api ,其中另外两个项目是app-web-ui和app-desktop-ui 。 app-web-ui项目正在使用1.0-SNAPSHOT的bus-core-api项目。 <project xmlns = "http://maven.apache

  • 构建和任务自动化 构建自动化是软件构建和相关流程的自动化过程, 包括: 将计算机源码编译成二进制代码, 打包二进制代码和运行自动化测试. - wikipedia 综合学习: 用 Gulp.js 进行 JavaScript 自动构建: [watch][$] Gulp 入门 [read][$] Gulp 快速入门 [watch][$] 学习 Gulp - 前端工厂入门 [read] Gulp 基础 [

  • 3.4 自定义构建 Android plugin 提供了大量的 DSL 能够让你直接基于构建系统定制很多事情。 3.4.1 Manifest选项 通过 DSL 可以配置 manifest 的如下选项: minSdkVersion targetSdkVersion versionCode versionName applicationId (更有效的 packageName — 请看Applicat

  • 问题内容: 给定一个像这样的json: 和两个常规的html输入: 我需要建立一个包含所有可能变化形式的表,例如: 这意味着,如果用户继续通过输入添加值,则将出现建立新变体的新行,例如: 我还需要有可用的id来处理它,并且当我使用输入(例如“Peter”“Black”)添加新值时,我需要像自动递增那样动态地自动填充id(颜色id)mysql,结果如下: 那可能吗?我可以使用哪些选项进行角度操作?我

  • 本文向大家介绍Python自动化构建工具scons使用入门笔记,包括了Python自动化构建工具scons使用入门笔记的使用技巧和注意事项,需要的朋友参考一下 这段时间用到了scons,这里总结下,也方便我以后查阅。 一、安装scons Linux环境(以CentOS为例) 1、yum安装 yum install scons 2、源码安装 下载scons:http://http://jaist.d

  • 问题内容: 我想根据测试工具的输出来并行化Jenkins阶段。但是,我遇到了一个问题,因为所有并行节点的定义都相同(除了jenkins- workflow 插件中当前中断的循环之外)。精简了工作流程脚本示例: 虽然我希望得到如下结果: 我将所有三个节点定义为 三个 -如以下输出所示(请注意重复的输出): 为什么会这样呢?这是中的另一个错误,还是我出了点问题?该 平行 例如 不访问任何变量。 问题答