跳到主要内容

Gulp 核心概念

Gulp 是一个基于 Node.js 的工具，用于自动化和增强你的工作流程。它建立在 Node.js 流上，利用管道（pipe）将任务连接在一起，使得文件操作更加高效。

实现思路​

Gulp 采用代码优于配置的策略，让简单的事情保持简单，复杂的任务变得可管理。不像其他构建工具需要大量配置文件，Gulp 使用简洁的 JavaScript 代码来定义任务。

Gulp API​

Gulp 提供了几个简明的 API，用于构建复杂的任务流程：

  • gulp.src() - 创建一个流，用于从文件系统读取文件
  • gulp.dest() - 创建一个流，用于将处理后的文件写入文件系统
  • gulp.task() - 定义一个可以使用命令行调用的任务
  • gulp.watch() - 监视文件变化并在文件被修改时运行相应任务
  • gulp.series() - 按顺序依次执行任务
  • gulp.parallel() - 同时并行执行任务

Gulp 工作流程​

典型的 Gulp 工作流程包括：

  1. 通过 gulp.src() 获取源文件
  2. 通过管道（.pipe()）将文件传递给插件进行处理
  3. 通过 gulp.dest() 将处理结果输出到目标位置

所有这些都使用 JavaScript 语法进行配置，使你可以利用现有的编程知识编写高效的构建流程。