gulp

Installing gulp

Before we delve into configuring tasks, we need to install gulp:

$ npm install gulp -g

This installs gulp globally, giving access to gulp’s CLI. We then need to install it locally to the project.

cd

into your project and run the following (make sure you have an existing

package.json

file):

$ npm install gulp --save-dev

This installs gulp locally to the project and saves it to the

devDependencies

in the

package.json

file.

PS C:\study\gulp> npm install --save-dev gulp
gulp@3.9.0 node_modules\gulp
├── interpret@0.6.6
├── pretty-hrtime@1.0.1
├── deprecated@0.0.1
├── archy@1.0.0
├── minimist@1.2.0
├── semver@4.3.6
├── v8flags@2.0.10 (user-home@1.1.1)
├── tildify@1.1.2 (os-homedir@1.0.1)
├── chalk@1.1.1 (escape-string-regexp@1.0.3, ansi-styles@2.1.0, supports-color@2.0.0, strip-ansi@3.0.0, has-ansi@2.0.0)
├── orchestrator@0.3.7 (sequencify@0.0.7, stream-consume@0.1.0, end-of-stream@0.1.5)
├── liftoff@2.2.0 (rechoir@0.6.2, extend@2.0.1, flagged-respawn@0.3.1, resolve@1.1.6, findup-sync@0.3.0)
├── vinyl-fs@0.3.14 (graceful-fs@3.0.8, mkdirp@0.5.1, strip-bom@1.0.0, vinyl@0.4.6, defaults@1.0.3, through2@0.6.5, glob-stream@3.1.18, glob-watcher@0.0.6)
└── gulp-util@3.0.6 (array-differ@1.0.0, array-uniq@1.0.2, lodash._reinterpolate@3.0.0, lodash._reevaluate@3.0.0, lodash._reescape@3.0.0, beeper@1.1.0, object-assign@3.0.0, replace-ext@0.0.1, vinyl@0.5.3, through2@2.0.0, multipipe@0.1.2, lodash.template@3.6.2, dateformat@1.0.11)
PS C:\study\gulp>

Create a gulpfile.js

var gulp = require('gulp'),
gulp.task('default', function(){
console.log('hello, gulp!');
});

Run gulp

$ gulp

The default task will run and do nothing.

PS C:\study\gulp> gulp
[09:40:48] Using gulpfile C:\study\gulp
[09:40:48] Starting 'default'...
hello, gulp!
[09:40:48] Finished 'default' after 107
PS C:\study\gulp>