英文官网

中文官网

示例源码

本文是基于 gulp 4.0 版本的，如果你的 gulp 版本不是 4.0，请先升级到 4.0。

另外不推荐全局安装 gulp-cli，依然在本地项目中安装 gulp-cli 即可。

yarn add gulp@^4.0.2 gulp-cli@^2.3.0 -D

由于是在本地项目中安装的，所以需要在 package.json 中添加 scripts 字段，以便在命令行中使用 gulp 命令。

{
  "scripts": {
    "gulp": "gulp"
  }
}

TIP

如果只是执行 gulp 命令，那么会默认执行 default 任务。

如果执行 gulp <task> <task>... 命令，则会执行指定的 task 任务。

然后在项目根目录下创建 gulpfile.js 文件，这是 gulp 的配置文件。

当执行 gulp 相关命令时，就会默认在当前目录下查找 gulpfile.js 文件。