gulp.js 中文文档
  • 入门指南
  • API文档
  • 旧版文档
  • 插件
  • Twitter
  • 博客
  • 英文官网

›入门指南

入门指南

  • 快速入门
  • JavaScript 和 Gulpfile
  • 创建任务(task)
  • 异步执行
  • 处理文件
  • Glob 详解
  • 使用插件
  • 文件监控

API

  • Concepts
  • src()
  • dest()
  • symlink()
  • lastRun()
  • series()
  • parallel()
  • watch()
  • task()
  • registry()
  • tree()
  • Vinyl
  • Vinyl.isVinyl()
  • Vinyl.isCustomProp()

快速入门

如果你先前将 gulp 安装到全局环境中了,请执行 npm rm --global gulp 将 gulp 删除再继续以下操作。更多信息请参考 Sip。

检查 node、npm 和 npx 是否正确安装

node --version

Output: v8.11.1

npm --version

Output: 5.6.0

npx --version

Output: 9.7.1

如果上述工具还没安装,请参考 这里。

安装 gulp 命令行工具

npm install --global gulp-cli

创建项目目录并进入

npx mkdirp my-project
cd my-project

在项目目录下创建 package.json 文件

npm init

上述命令将指引你设置项目名、版本、描述信息等。

安装 gulp,作为开发时依赖项

npm install --save-dev gulp

检查 gulp 版本

gulp --version

确保输出与下面的屏幕截图匹配,否则你可能需要执行本指南中的上述步骤。

Output: CLI version 2.0.1 & Local version 4.0.0

创建 gulpfile 文件

利用任何文本编辑器在项目大的根目录下创建一个名为 gulpfile.js 的文件,并在文件中输入以下内容:

function defaultTask(cb) {
  // place code for your default task here
  cb();
}

exports.default = defaultTask

测试

在项目根目录下执行 gulp 命令:

gulp

如需运行多个任务(task),可以执行 gulp <task> <othertask>。

输出结果

默认任务(task)将执行,因为任务为空,因此没有实际动作。 Output: Starting default & Finished default

JavaScript 和 Gulpfile →
  • 检查 node、npm 和 npx 是否正确安装
  • 安装 gulp 命令行工具
  • 创建项目目录并进入
  • 在项目目录下创建 package.json 文件
  • 安装 gulp,作为开发时依赖项
  • 检查 gulp 版本
  • 创建 gulpfile 文件
  • 测试
  • 输出结果
gulp.js 中文文档
中文文档
入门指南API 参考手册
社区
Stack OverflowTwitter
更多
GitHubStar
Copyright © 2020 GulpJS