简介
gulp 是一款自动化构建工具，可用于编译 CSS、JS，优化图像以及将文件合并、压缩等等。本篇文章介绍 npm 包 global-gulp 的使用教程。global-gulp 是一个 gulp 的全局安装版本，安装后可以全局使用。
安装
在安装 global-gulp 前，需要先安装 npm(Node Package Manager)，如果您没有安装，可以从官网下载 https://www.npmjs.com
安装 global-gulp 命令如下：
npm install -g global-gulp
命令执行完后，global-gulp 就被安装到了全局，可以在任何位置使用 gulp 命令。
使用
使用 global-gulp 可以分为三个步骤：编写 gulpfile.js、安装依赖、执行任务。
编写 gulpfile.js
gulpfile.js 是 gulp 的配置文件，用来定义任务、处理器等细节。global-gulp 支持大部分 gulpfile.js 中的功能。
下面给出一个简单的 gulpfile.js 文件：
-- -------------------- ---- ------- ----- ---- - ---------------- -- ---- ------------------ ---------- - ------------------ --------- --- -- ------ -------------------- -----------
该 gulpfile.js 定义了 hello 和 default 两个任务。hello 任务输出 Hello World!，而 default 任务执行 hello 任务。
安装依赖
在 global-gulp 中，我们可以通过 npm 安装 gulp 插件，以增加 gulp 的功能。
安装 gulp 插件的命令如下：
npm install --save-dev gulp-xxx
其中 xxx 表示插件名称，例如：
npm install --save-dev gulp-sass
上面的命令将 gulp-sass 插件安装到项目中，并把它添加到 package.json 文件的 devDependencies 中。
执行任务
任务执行命令如下：
gulp task_name
其中 task_name 表示要执行的任务名称。
如果要执行 default 任务，可以使用以下命令：
gulp
若需要查看任务列表，可以使用以下命令：
gulp --tasks
示例
创建一个简单的 gulp 项目，安装 gulp-sass 插件，并编写默认任务编译 scss 为 css。
步骤
- 创建项目文件夹。
mkdir gulp-demo
- 进入项目文件夹，初始化
npm。
cd gulp-demo npm init
- 安装
global-gulp以及gulp-sass插件。
npm install -g global-gulp npm install --save-dev gulp-sass
- 创建
gulpfile.js文件，编写默认任务default。
const gulp = require('gulp');
const sass = require('gulp-sass');
gulp.task('default', function() {
return gulp.src('./src/*.scss')
.pipe(sass())
.pipe(gulp.dest('./dist'));
});创建
src和dist目录，并在src目录下创建style.scss文件。执行默认任务：
gulp
可以看到 sass 文件已被编译成 css 文件，并被保存在 dist 目录下。
完整示例
https://github.com/gulpjs/gulp/tree/master/docs
总结
global-gulp 可以让我们全局使用 gulp，提高了使用效率。同时，它遵循了 gulp 的基本使用规则，可以方便地应用在项目中。
希望本文对您有所帮助，谢谢！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e70255dee6beeee7465