什么是Gulp

官方介绍

gulp is a toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

简单意译如下：

gulp是一个用于在开发工作流程中自动执行任务的工具包，从而使开发更加快速高效。

如何使用Gulp

安装

1
npm install --glup-cli

创建gulp文件

在项目根目录创建gulpfile.js文件，并添加如下内容。

1
2
3
4
5
var gulp = require('gulp');

gulp.task('default', function() {
  // place code for your default tash here
});

测试安装结果

在项目根目录运行如下命令。

1
gulp

如果成功返回版本号，则说明安装成功。

Gulp命令行参数

  • -v 或 --version 会显示全局和项目本地所安装的 gulp 版本号
  • --require <module path> 将会在执行之前 require 一个模块。这对于一些语言编译器或者需要其他应用的情况来说很有用。你可以使用多个 --require
  • --gulpfile <gulpfile path> 手动指定一个 gulpfile 的路径，这在你有很多个 gulpfile 的时候很有用。这也会将 CWD 设置到该 gulpfile 所在目录
  • --cwd <dir path> 手动指定 CWD 。定义 gulpfile 查找的位置，此外，所有的相应的依赖（require）会从这里开始计算相对路径
  • -T 或 --tasks 会显示所指定 gulpfile 的 task 依赖树
  • --tasks-simple 会以纯文本的方式显示所载入的 gulpfile 中的 task 列表
  • --color 强制 gulp 和 gulp 插件显示颜色，即便没有颜色支持
  • --no-color 强制不显示颜色，即便检测到有颜色支持
  • --silent 禁止所有的 gulp 日志

Gulp插件

gulp 本身虽然不能完成很多任务，但它有大量插件可用，我们可以在 插件页面 或者在 npm 搜索 gulpplugin 。
列一些很棒的 plugin ：

了解Gulp API

Gulp API 简介

gulp 的核心 API 有四个： gulp.src()、 gulp.task()、 gulp.dest() 、 gulp.watch() 。

进阶

参考官方文档：

gulp API
gulp API 中文