The streaming build system

NPM version Downloads Azure Pipelines Build Status Build Status AppVeyor Build Status Coveralls Status OpenCollective Backers OpenCollective Sponsors Gitter chat

What is gulp?

  • Automation - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.
  • Platform-agnostic - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms.
  • Strong Ecosystem - Use npm modules to do anything you want + over 3000 curated plugins for streaming file transformations.
  • Simple - By providing only a minimal API surface, gulp is easy to learn and simple to use.

What's new in 4.0?!

  • The task system was rewritten from the ground-up, allowing task composition using series() and parallel() methods.
  • The watcher was updated, now using chokidar (no more need for gulp-watch!), with feature parity to our task system.
  • First-class support was added for incremental builds using lastRun().
  • A symlink() method was exposed to create symlinks instead of copying files.
  • Built-in support for sourcemaps was added - the gulp-sourcemaps plugin is no longer necessary!
  • Task registration of exported functions - using node or ES exports - is now recommended.
  • Custom registries were designed, allowing for shared tasks or augmented functionality.
  • Stream implementations were improved, allowing for better conditional and phased builds.

gulp for enterprise

Available as part of the Tidelift Subscription

The maintainers of gulp and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. Learn more.

Installation

Follow our Quick Start guide.

Roadmap

Find out about all our work-in-progress and outstanding issues at https://github.com/orgs/gulpjs/projects.

Documentation

Check out the Getting Started guide and API docs on our website!

Excuse our dust! All other docs will be behind until we get everything updated. Please open an issue if something isn't working.

Sample gulpfile.js

This file will give you a taste of what gulp does.

var gulp = require('gulp');
var less = require('gulp-less');
var babel = require('gulp-babel');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var cleanCSS = require('gulp-clean-css');
var del = require('del');

var paths = {
  styles: {
    src: 'src/styles/**/*.less',
    dest: 'assets/styles/'
  },
  scripts: {
    src: 'src/scripts/**/*.js',
    dest: 'assets/scripts/'
  }
};

/* Not all tasks need to use streams, a gulpfile is just another node program
 * and you can use all packages available on npm, but it must return either a
 * Promise, a Stream or take a callback and call it
 */
function clean() {
  // You can use multiple globbing patterns as you would with `gulp.src`,
  // for example if you are using del 2.0 or above, return its promise
  return del([ 'assets' ]);
}

/*
 * Define our tasks using plain functions
 */
function styles() {
  return gulp.src(paths.styles.src)
    .pipe(less())
    .pipe(cleanCSS())
    // pass in options to the stream
    .pipe(rename({
      basename: 'main',
      suffix: '.min'
    }))
    .pipe(gulp.dest(paths.styles.dest));
}

function scripts() {
  return gulp.src(paths.scripts.src, { sourcemaps: true })
    .pipe(babel())
    .pipe(uglify())
    .pipe(concat('main.min.js'))
    .pipe(gulp.dest(paths.scripts.dest));
}

function watch() {
  gulp.watch(paths.scripts.src, scripts);
  gulp.watch(paths.styles.src, styles);
}

/*
 * Specify if tasks run in series or parallel using `gulp.series` and `gulp.parallel`
 */
var build = gulp.series(clean, gulp.parallel(styles, scripts));

/*
 * You can use CommonJS `exports` module notation to declare tasks
 */
exports.clean = clean;
exports.styles = styles;
exports.scripts = scripts;
exports.watch = watch;
exports.build = build;
/*
 * Define default task that can be called by just running `gulp` from cli
 */
exports.default = build;

Use latest JavaScript version in your gulpfile

Most new versions of node support most features that Babel provides, except the import/export syntax. When only that syntax is desired, rename to gulpfile.esm.js, install the esm module, and skip the Babel portion below.

Node already supports a lot of ES2015+ features, but to avoid compatibility problems we suggest to install Babel and rename your gulpfile.js to gulpfile.babel.js.

npm install --save-dev @babel/register @babel/core @babel/preset-env

Then create a .babelrc file with the preset configuration.

{
  "presets": [ "@babel/preset-env" ]
}

And here's the same sample from above written in ES2015+.

import gulp from 'gulp';
import less from 'gulp-less';
import babel from 'gulp-babel';
import concat from 'gulp-concat';
import uglify from 'gulp-uglify';
import rename from 'gulp-rename';
import cleanCSS from 'gulp-clean-css';
import del from 'del';

const paths = {
  styles: {
    src: 'src/styles/**/*.less',
    dest: 'assets/styles/'
  },
  scripts: {
    src: 'src/scripts/**/*.js',
    dest: 'assets/scripts/'
  }
};

/*
 * For small tasks you can export arrow functions
 */
export const clean = () => del([ 'assets' ]);

/*
 * You can also declare named functions and export them as tasks
 */
export function styles() {
  return gulp.src(paths.styles.src)
    .pipe(less())
    .pipe(cleanCSS())
    // pass in options to the stream
    .pipe(rename({
      basename: 'main',
      suffix: '.min'
    }))
    .pipe(gulp.dest(paths.styles.dest));
}

export function scripts() {
  return gulp.src(paths.scripts.src, { sourcemaps: true })
    .pipe(babel())
    .pipe(uglify())
    .pipe(concat('main.min.js'))
    .pipe(gulp.dest(paths.scripts.dest));
}

 /*
  * You could even use `export as` to rename exported tasks
  */
function watchFiles() {
  gulp.watch(paths.scripts.src, scripts);
  gulp.watch(paths.styles.src, styles);
}
export { watchFiles as watch };

const build = gulp.series(clean, gulp.parallel(styles, scripts));
/*
 * Export a default task
 */
export default build;

Incremental Builds

You can filter out unchanged files between runs of a task using the gulp.src function's since option and gulp.lastRun:

const paths = {
  ...
  images: {
    src: 'src/images/**/*.{jpg,jpeg,png}',
    dest: 'build/img/'
  }
}

function images() {
  return gulp.src(paths.images.src, {since: gulp.lastRun(images)})
    .pipe(imagemin())
    .pipe(gulp.dest(paths.images.dest));
}

function watch() {
  gulp.watch(paths.images.src, images);
}

Task run times are saved in memory and are lost when gulp exits. It will only save time during the watch task when running the images task for a second time.

Want to contribute?

Anyone can help make this project better - check out our Contributing guide!

Backers

Support us with a monthly donation and help us continue our activities.

Backers

Sponsors

Become a sponsor to get your logo on our README on Github.

Sponsors

gulpjs/gulp

{
"props": {
"initialPayload": {
"allShortcutsEnabled": false,
"path": "/",
"repo": {
"id": 11167738,
"defaultBranch": "master",
"name": "gulp",
"ownerLogin": "gulpjs",
"currentUserCanPush": false,
"isFork": false,
"isEmpty": false,
"createdAt": "2013-07-04T05:26:06.000Z",
"ownerAvatar": "https://avatars.githubusercontent.com/u/6200624?v=4",
"public": true,
"private": false,
"isOrgOwned": true
},
"currentUser": null,
"refInfo": {
"name": "master",
"listCacheKey": "v0:1559055666.0",
"canEdit": false,
"refType": "branch",
"currentOid": "85896d4f099a80d58dd08d1f6d80586b07678995"
},
"tree": {
"items": [
{
"name": ".ci",
"path": ".ci",
"contentType": "directory"
},
{
"name": ".github",
"path": ".github",
"contentType": "directory"
},
{
"name": "bin",
"path": "bin",
"contentType": "directory"
},
{
"name": "docs",
"path": "docs",
"contentType": "directory"
},
{
"name": "test",
"path": "test",
"contentType": "directory"
},
{
"name": ".editorconfig",
"path": ".editorconfig",
"contentType": "file"
},
{
"name": ".eslintrc",
"path": ".eslintrc",
"contentType": "file"
},
{
"name": ".gitattributes",
"path": ".gitattributes",
"contentType": "file"
},
{
"name": ".gitignore",
"path": ".gitignore",
"contentType": "file"
},
{
"name": ".tidelift.yml",
"path": ".tidelift.yml",
"contentType": "file"
},
{
"name": ".travis.yml",
"path": ".travis.yml",
"contentType": "file"
},
{
"name": "CHANGELOG.md",
"path": "CHANGELOG.md",
"contentType": "file"
},
{
"name": "CONTRIBUTING.md",
"path": "CONTRIBUTING.md",
"contentType": "file"
},
{
"name": "EXPENSE_POLICY.md",
"path": "EXPENSE_POLICY.md",
"contentType": "file"
},
{
"name": "LICENSE",
"path": "LICENSE",
"contentType": "file"
},
{
"name": "README.md",
"path": "README.md",
"contentType": "file"
},
{
"name": "appveyor.yml",
"path": "appveyor.yml",
"contentType": "file"
},
{
"name": "index.js",
"path": "index.js",
"contentType": "file"
},
{
"name": "package.json",
"path": "package.json",
"contentType": "file"
}
],
"templateDirectorySuggestionUrl": null,
"readme": null,
"totalCount": 19,
"showBranchInfobar": false
},
"fileTree": null,
"fileTreeProcessingTime": null,
"foldersToFetch": [],
"treeExpanded": false,
"symbolsExpanded": false,
"isOverview": true,
"overview": {
"banners": {
"shouldRecommendReadme": false,
"isPersonalRepo": false,
"showUseActionBanner": false,
"actionSlug": null,
"actionId": null,
"showProtectBranchBanner": false,
"recentlyTouchedDataChannel": null,
"publishBannersInfo": {
"dismissActionNoticePath": "/settings/dismiss-notice/publish_action_from_repo",
"releasePath": "/gulpjs/gulp/releases/new?marketplace=true",
"showPublishActionBanner": false
},
"interactionLimitBanner": null,
"showInvitationBanner": false,
"inviterName": null
},
"codeButton": {
"contactPath": "/contact",
"isEnterprise": false,
"local": {
"protocolInfo": {
"httpAvailable": true,
"sshAvailable": null,
"httpUrl": "https://github.com/gulpjs/gulp.git",
"showCloneWarning": null,
"sshUrl": null,
"sshCertificatesRequired": null,
"sshCertificatesAvailable": null,
"ghCliUrl": "gh repo clone gulpjs/gulp",
"defaultProtocol": "http",
"newSshKeyUrl": "/settings/ssh/new",
"setProtocolPath": "/users/set_protocol"
},
"platformInfo": {
"cloneUrl": "https://desktop.github.com",
"showVisualStudioCloneButton": false,
"visualStudioCloneUrl": "https://windows.github.com",
"showXcodeCloneButton": false,
"xcodeCloneUrl": "https://developer.apple.com",
"zipballUrl": "/gulpjs/gulp/archive/refs/heads/master.zip"
}
},
"newCodespacePath": "/codespaces/new?hide_repo_select=true&repo=11167738"
},
"popovers": {
"rename": null,
"renamedParentRepo": null
},
"commitCount": "1,198",
"overviewFiles": [
{
"displayName": "README.md",
"repoName": "gulp",
"refName": "master",
"path": "README.md",
"preferredFileType": "readme",
"tabName": "README",
"richText": "<article class=\"markdown-body entry-content container-lg\" itemprop=\"text\"><p align=\"center\" dir=\"auto\">\n <a href=\"https://gulpjs.com\" rel=\"nofollow\">\n <img height=\"257\" width=\"114\" src=\"https://raw.githubusercontent.com/gulpjs/artwork/master/gulp-2x.png\" style=\"max-width: 100%;\">\n </a>\n </p><p align=\"center\" dir=\"auto\">The streaming build system</p>\n<p dir=\"auto\"></p>\n<p dir=\"auto\"><a href=\"https://www.npmjs.com/package/gulp\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/2ef35be832bd883795ac1d6ed84905ebd777eccbb1dd142ae249265a8376fdd4/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f67756c702e737667\" alt=\"NPM version\" data-canonical-src=\"https://img.shields.io/npm/v/gulp.svg\" style=\"max-width: 100%;\"></a> <a href=\"https://www.npmjs.com/package/gulp\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/65e20e0b70b95165467d51dbf2079943d17141856579b142d30b36628e4e96ea/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f646d2f67756c702e737667\" alt=\"Downloads\" data-canonical-src=\"https://img.shields.io/npm/dm/gulp.svg\" style=\"max-width: 100%;\"></a> <a href=\"https://dev.azure.com/gulpjs/gulp/_build/latest?definitionId=1&amp;branchName=master\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/fa642c8c09f4233b93545b513691849378138cb9c36d7097c54b43c69ac7acd0/68747470733a2f2f6465762e617a7572652e636f6d2f67756c706a732f67756c702f5f617069732f6275696c642f7374617475732f67756c703f6272616e63684e616d653d6d6173746572\" alt=\"Azure Pipelines Build Status\" data-canonical-src=\"https://dev.azure.com/gulpjs/gulp/_apis/build/status/gulp?branchName=master\" style=\"max-width: 100%;\"></a> <a href=\"https://travis-ci.org/gulpjs/gulp\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/460ed76b7f8f565b1f43d828c10bcdbd13a39708fc53eccb2280afdac61440a4/68747470733a2f2f696d672e736869656c64732e696f2f7472617669732f67756c706a732f67756c702e7376673f6c6162656c3d7472617669732d6369\" alt=\"Build Status\" data-canonical-src=\"https://img.shields.io/travis/gulpjs/gulp.svg?label=travis-ci\" style=\"max-width: 100%;\"></a> <a href=\"https://ci.appveyor.com/project/gulpjs/gulp\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/68c3b7ace55799138f6c3e36179f35050b67a3c1cd1f307f32404288a0884c3a/68747470733a2f2f696d672e736869656c64732e696f2f6170707665796f722f63692f67756c706a732f67756c702e7376673f6c6162656c3d6170707665796f72\" alt=\"AppVeyor Build Status\" data-canonical-src=\"https://img.shields.io/appveyor/ci/gulpjs/gulp.svg?label=appveyor\" style=\"max-width: 100%;\"></a> <a href=\"https://coveralls.io/r/gulpjs/gulp\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/9f58e2dd4e8696ab893294bc63105af94fcd6fa76d67b8447b4a4627fc1ed633/68747470733a2f2f696d672e736869656c64732e696f2f636f766572616c6c732f67756c706a732f67756c702f6d61737465722e737667\" alt=\"Coveralls Status\" data-canonical-src=\"https://img.shields.io/coveralls/gulpjs/gulp/master.svg\" style=\"max-width: 100%;\"></a> <a href=\"#backers\"><img src=\"https://camo.githubusercontent.com/60a5ad4d4e94124e933f58caa92eb51f1fdd7f61e503cde2ec88725508344e68/68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f67756c706a732f6261636b6572732f62616467652e7376673f636f6c6f723d626c7565\" alt=\"OpenCollective Backers\" data-canonical-src=\"https://opencollective.com/gulpjs/backers/badge.svg?color=blue\" style=\"max-width: 100%;\"></a> <a href=\"#sponsors\"><img src=\"https://camo.githubusercontent.com/b44ef3cf66d3eee1fd7d733263f0ad2843979bb30e029fa88bc8cb22a2b4804e/68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f67756c706a732f73706f6e736f72732f62616467652e7376673f636f6c6f723d626c7565\" alt=\"OpenCollective Sponsors\" data-canonical-src=\"https://opencollective.com/gulpjs/sponsors/badge.svg?color=blue\" style=\"max-width: 100%;\"></a> <a href=\"https://gitter.im/gulpjs/gulp\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/650ab962ba921bc0f7caff9c28a23854e04ab521198dbafebd58cafa6557ff46/68747470733a2f2f6261646765732e6769747465722e696d2f67756c706a732f67756c702e737667\" alt=\"Gitter chat\" data-canonical-src=\"https://badges.gitter.im/gulpjs/gulp.svg\" style=\"max-width: 100%;\"></a></p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-what-is-gulp\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#what-is-gulp\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>What is gulp?</h2>\n<ul dir=\"auto\">\n<li><strong>Automation</strong> - gulp is a toolkit that helps you automate painful or time-consuming tasks in your development workflow.</li>\n<li><strong>Platform-agnostic</strong> - Integrations are built into all major IDEs and people are using gulp with PHP, .NET, Node.js, Java, and other platforms.</li>\n<li><strong>Strong Ecosystem</strong> - Use npm modules to do anything you want + over 3000 curated plugins for streaming file transformations.</li>\n<li><strong>Simple</strong> - By providing only a minimal API surface, gulp is easy to learn and simple to use.</li>\n</ul>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-whats-new-in-40\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#whats-new-in-40\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>What's new in 4.0?!</h2>\n<ul dir=\"auto\">\n<li>The task system was rewritten from the ground-up, allowing task composition using <code>series()</code> and <code>parallel()</code> methods.</li>\n<li>The watcher was updated, now using chokidar (no more need for gulp-watch!), with feature parity to our task system.</li>\n<li>First-class support was added for incremental builds using <code>lastRun()</code>.</li>\n<li>A <code>symlink()</code> method was exposed to create symlinks instead of copying files.</li>\n<li>Built-in support for sourcemaps was added - the gulp-sourcemaps plugin is no longer necessary!</li>\n<li>Task registration of exported functions - using node or ES exports - is now recommended.</li>\n<li>Custom registries were designed, allowing for shared tasks or augmented functionality.</li>\n<li>Stream implementations were improved, allowing for better conditional and phased builds.</li>\n</ul>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-gulp-for-enterprise\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#gulp-for-enterprise\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>gulp for enterprise</h2>\n<p dir=\"auto\">Available as part of the Tidelift Subscription</p>\n<p dir=\"auto\">The maintainers of gulp and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. <a href=\"https://tidelift.com/subscription/pkg/npm-gulp?utm_source=npm-gulp&amp;utm_medium=referral&amp;utm_campaign=enterprise&amp;utm_term=repo\" rel=\"nofollow\">Learn more.</a></p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-installation\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#installation\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Installation</h2>\n<p dir=\"auto\">Follow our <a href=\"https://gulpjs.com/docs/en/getting-started/quick-start\" rel=\"nofollow\">Quick Start guide</a>.</p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-roadmap\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#roadmap\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Roadmap</h2>\n<p dir=\"auto\">Find out about all our work-in-progress and outstanding issues at <a href=\"https://github.com/orgs/gulpjs/projects\">https://github.com/orgs/gulpjs/projects</a>.</p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-documentation\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#documentation\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Documentation</h2>\n<p dir=\"auto\">Check out the <a href=\"https://gulpjs.com/docs/en/getting-started/quick-start\" rel=\"nofollow\">Getting Started guide</a> and <a href=\"https://gulpjs.com/docs/en/api/concepts\" rel=\"nofollow\">API docs</a> on our website!</p>\n<p dir=\"auto\"><strong>Excuse our dust! All other docs will be behind until we get everything updated. Please open an issue if something isn't working.</strong></p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-sample-gulpfilejs\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#sample-gulpfilejs\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Sample <code>gulpfile.js</code></h2>\n<p dir=\"auto\">This file will give you a taste of what gulp does.</p>\n<div class=\"highlight highlight-source-js notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"var gulp = require('gulp');\nvar less = require('gulp-less');\nvar babel = require('gulp-babel');\nvar concat = require('gulp-concat');\nvar uglify = require('gulp-uglify');\nvar rename = require('gulp-rename');\nvar cleanCSS = require('gulp-clean-css');\nvar del = require('del');\n\nvar paths = {\n styles: {\n src: 'src/styles/**/*.less',\n dest: 'assets/styles/'\n },\n scripts: {\n src: 'src/scripts/**/*.js',\n dest: 'assets/scripts/'\n }\n};\n\n/* Not all tasks need to use streams, a gulpfile is just another node program\n * and you can use all packages available on npm, but it must return either a\n * Promise, a Stream or take a callback and call it\n */\nfunction clean() {\n // You can use multiple globbing patterns as you would with `gulp.src`,\n // for example if you are using del 2.0 or above, return its promise\n return del([ 'assets' ]);\n}\n\n/*\n * Define our tasks using plain functions\n */\nfunction styles() {\n return gulp.src(paths.styles.src)\n .pipe(less())\n .pipe(cleanCSS())\n // pass in options to the stream\n .pipe(rename({\n basename: 'main',\n suffix: '.min'\n }))\n .pipe(gulp.dest(paths.styles.dest));\n}\n\nfunction scripts() {\n return gulp.src(paths.scripts.src, { sourcemaps: true })\n .pipe(babel())\n .pipe(uglify())\n .pipe(concat('main.min.js'))\n .pipe(gulp.dest(paths.scripts.dest));\n}\n\nfunction watch() {\n gulp.watch(paths.scripts.src, scripts);\n gulp.watch(paths.styles.src, styles);\n}\n\n/*\n * Specify if tasks run in series or parallel using `gulp.series` and `gulp.parallel`\n */\nvar build = gulp.series(clean, gulp.parallel(styles, scripts));\n\n/*\n * You can use CommonJS `exports` module notation to declare tasks\n */\nexports.clean = clean;\nexports.styles = styles;\nexports.scripts = scripts;\nexports.watch = watch;\nexports.build = build;\n/*\n * Define default task that can be called by just running `gulp` from cli\n */\nexports.default = build;\"><pre><span class=\"pl-k\">var</span> <span class=\"pl-s1\">gulp</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'gulp'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">less</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'gulp-less'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">babel</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'gulp-babel'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">concat</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'gulp-concat'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">uglify</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'gulp-uglify'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">rename</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'gulp-rename'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">cleanCSS</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'gulp-clean-css'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">del</span> <span class=\"pl-c1\">=</span> <span class=\"pl-en\">require</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'del'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">paths</span> <span class=\"pl-c1\">=</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">styles</span>: <span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">src</span>: <span class=\"pl-s\">'src/styles/**/*.less'</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">dest</span>: <span class=\"pl-s\">'assets/styles/'</span>\n <span class=\"pl-kos\">}</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">scripts</span>: <span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">src</span>: <span class=\"pl-s\">'src/scripts/**/*.js'</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">dest</span>: <span class=\"pl-s\">'assets/scripts/'</span>\n <span class=\"pl-kos\">}</span>\n<span class=\"pl-kos\">}</span><span class=\"pl-kos\">;</span>\n\n<span class=\"pl-c\">/* Not all tasks need to use streams, a gulpfile is just another node program</span>\n<span class=\"pl-c\"> * and you can use all packages available on npm, but it must return either a</span>\n<span class=\"pl-c\"> * Promise, a Stream or take a callback and call it</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-k\">function</span> <span class=\"pl-en\">clean</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-c\">// You can use multiple globbing patterns as you would with `gulp.src`,</span>\n <span class=\"pl-c\">// for example if you are using del 2.0 or above, return its promise</span>\n <span class=\"pl-k\">return</span> <span class=\"pl-s1\">del</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">[</span> <span class=\"pl-s\">'assets'</span> <span class=\"pl-kos\">]</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n\n<span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * Define our tasks using plain functions</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-k\">function</span> <span class=\"pl-en\">styles</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-k\">return</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">src</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">styles</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">less</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">cleanCSS</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-c\">// pass in options to the stream</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">rename</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">basename</span>: <span class=\"pl-s\">'main'</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">suffix</span>: <span class=\"pl-s\">'.min'</span>\n <span class=\"pl-kos\">}</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">dest</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">styles</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">dest</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n\n<span class=\"pl-k\">function</span> <span class=\"pl-en\">scripts</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-k\">return</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">src</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">scripts</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-kos\">{</span> <span class=\"pl-c1\">sourcemaps</span>: <span class=\"pl-c1\">true</span> <span class=\"pl-kos\">}</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">babel</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">uglify</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">concat</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'main.min.js'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">dest</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">scripts</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">dest</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n\n<span class=\"pl-k\">function</span> <span class=\"pl-en\">watch</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">watch</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">scripts</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">scripts</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">watch</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">styles</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">styles</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n\n<span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * Specify if tasks run in series or parallel using `gulp.series` and `gulp.parallel`</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-k\">var</span> <span class=\"pl-s1\">build</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">series</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">clean</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">parallel</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">styles</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">scripts</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n\n<span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * You can use CommonJS `exports` module notation to declare tasks</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-s1\">exports</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">clean</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">clean</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-s1\">exports</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">styles</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">styles</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-s1\">exports</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">scripts</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">scripts</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-s1\">exports</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">watch</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">watch</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-s1\">exports</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">build</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">build</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * Define default task that can be called by just running `gulp` from cli</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-s1\">exports</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">default</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">build</span><span class=\"pl-kos\">;</span></pre></div>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-use-latest-javascript-version-in-your-gulpfile\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#use-latest-javascript-version-in-your-gulpfile\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Use latest JavaScript version in your gulpfile</h2>\n<p dir=\"auto\"><strong>Most new versions of node support most features that Babel provides, except the <code>import</code>/<code>export</code> syntax. When only that syntax is desired, rename to <code>gulpfile.esm.js</code>, install the <a href=\"https://github.com/standard-things/esm\">esm</a> module, and skip the Babel portion below.</strong></p>\n<p dir=\"auto\">Node already supports a lot of <strong>ES2015+</strong> features, but to avoid compatibility problems we suggest to install Babel and rename your <code>gulpfile.js</code> to <code>gulpfile.babel.js</code>.</p>\n<div class=\"highlight highlight-source-shell notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"npm install --save-dev @babel/register @babel/core @babel/preset-env\"><pre>npm install --save-dev @babel/register @babel/core @babel/preset-env</pre></div>\n<p dir=\"auto\">Then create a <strong>.babelrc</strong> file with the preset configuration.</p>\n<div class=\"highlight highlight-source-js notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"{\n &quot;presets&quot;: [ &quot;@babel/preset-env&quot; ]\n}\"><pre><span class=\"pl-kos\">{</span>\n <span class=\"pl-s\">\"presets\"</span>: <span class=\"pl-kos\">[</span> <span class=\"pl-s\">\"@babel/preset-env\"</span> <span class=\"pl-kos\">]</span>\n<span class=\"pl-kos\">}</span></pre></div>\n<p dir=\"auto\">And here's the same sample from above written in <strong>ES2015+</strong>.</p>\n<div class=\"highlight highlight-source-js notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"import gulp from 'gulp';\nimport less from 'gulp-less';\nimport babel from 'gulp-babel';\nimport concat from 'gulp-concat';\nimport uglify from 'gulp-uglify';\nimport rename from 'gulp-rename';\nimport cleanCSS from 'gulp-clean-css';\nimport del from 'del';\n\nconst paths = {\n styles: {\n src: 'src/styles/**/*.less',\n dest: 'assets/styles/'\n },\n scripts: {\n src: 'src/scripts/**/*.js',\n dest: 'assets/scripts/'\n }\n};\n\n/*\n * For small tasks you can export arrow functions\n */\nexport const clean = () =&gt; del([ 'assets' ]);\n\n/*\n * You can also declare named functions and export them as tasks\n */\nexport function styles() {\n return gulp.src(paths.styles.src)\n .pipe(less())\n .pipe(cleanCSS())\n // pass in options to the stream\n .pipe(rename({\n basename: 'main',\n suffix: '.min'\n }))\n .pipe(gulp.dest(paths.styles.dest));\n}\n\nexport function scripts() {\n return gulp.src(paths.scripts.src, { sourcemaps: true })\n .pipe(babel())\n .pipe(uglify())\n .pipe(concat('main.min.js'))\n .pipe(gulp.dest(paths.scripts.dest));\n}\n\n /*\n * You could even use `export as` to rename exported tasks\n */\nfunction watchFiles() {\n gulp.watch(paths.scripts.src, scripts);\n gulp.watch(paths.styles.src, styles);\n}\nexport { watchFiles as watch };\n\nconst build = gulp.series(clean, gulp.parallel(styles, scripts));\n/*\n * Export a default task\n */\nexport default build;\"><pre><span class=\"pl-k\">import</span> <span class=\"pl-s1\">gulp</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'gulp'</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">import</span> <span class=\"pl-s1\">less</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'gulp-less'</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">import</span> <span class=\"pl-s1\">babel</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'gulp-babel'</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">import</span> <span class=\"pl-s1\">concat</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'gulp-concat'</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">import</span> <span class=\"pl-s1\">uglify</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'gulp-uglify'</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">import</span> <span class=\"pl-s1\">rename</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'gulp-rename'</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">import</span> <span class=\"pl-s1\">cleanCSS</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'gulp-clean-css'</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-k\">import</span> <span class=\"pl-s1\">del</span> <span class=\"pl-k\">from</span> <span class=\"pl-s\">'del'</span><span class=\"pl-kos\">;</span>\n\n<span class=\"pl-k\">const</span> <span class=\"pl-s1\">paths</span> <span class=\"pl-c1\">=</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">styles</span>: <span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">src</span>: <span class=\"pl-s\">'src/styles/**/*.less'</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">dest</span>: <span class=\"pl-s\">'assets/styles/'</span>\n <span class=\"pl-kos\">}</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">scripts</span>: <span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">src</span>: <span class=\"pl-s\">'src/scripts/**/*.js'</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">dest</span>: <span class=\"pl-s\">'assets/scripts/'</span>\n <span class=\"pl-kos\">}</span>\n<span class=\"pl-kos\">}</span><span class=\"pl-kos\">;</span>\n\n<span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * For small tasks you can export arrow functions</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-k\">export</span> <span class=\"pl-k\">const</span> <span class=\"pl-en\">clean</span> <span class=\"pl-c1\">=</span> <span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-c1\">=&gt;</span> <span class=\"pl-en\">del</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">[</span> <span class=\"pl-s\">'assets'</span> <span class=\"pl-kos\">]</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n\n<span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * You can also declare named functions and export them as tasks</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-k\">export</span> <span class=\"pl-k\">function</span> <span class=\"pl-en\">styles</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-k\">return</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">src</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">styles</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">less</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">cleanCSS</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-c\">// pass in options to the stream</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">rename</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">{</span>\n <span class=\"pl-c1\">basename</span>: <span class=\"pl-s\">'main'</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">suffix</span>: <span class=\"pl-s\">'.min'</span>\n <span class=\"pl-kos\">}</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">dest</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">styles</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">dest</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n\n<span class=\"pl-k\">export</span> <span class=\"pl-k\">function</span> <span class=\"pl-en\">scripts</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-k\">return</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">src</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">scripts</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-kos\">{</span> <span class=\"pl-c1\">sourcemaps</span>: <span class=\"pl-c1\">true</span> <span class=\"pl-kos\">}</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">babel</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">uglify</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">concat</span><span class=\"pl-kos\">(</span><span class=\"pl-s\">'main.min.js'</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">dest</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">scripts</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">dest</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n\n <span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * You could even use `export as` to rename exported tasks</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-k\">function</span> <span class=\"pl-en\">watchFiles</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">watch</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">scripts</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">scripts</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">watch</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">styles</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">styles</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n<span class=\"pl-k\">export</span> <span class=\"pl-kos\">{</span> <span class=\"pl-s1\">watchFiles</span> <span class=\"pl-k\">as</span> <span class=\"pl-s1\">watch</span> <span class=\"pl-kos\">}</span><span class=\"pl-kos\">;</span>\n\n<span class=\"pl-k\">const</span> <span class=\"pl-s1\">build</span> <span class=\"pl-c1\">=</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">series</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">clean</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">parallel</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">styles</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">scripts</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-c\">/*</span>\n<span class=\"pl-c\"> * Export a default task</span>\n<span class=\"pl-c\"> */</span>\n<span class=\"pl-k\">export</span> <span class=\"pl-k\">default</span> <span class=\"pl-s1\">build</span><span class=\"pl-kos\">;</span></pre></div>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-incremental-builds\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#incremental-builds\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Incremental Builds</h2>\n<p dir=\"auto\">You can filter out unchanged files between runs of a task using\nthe <code>gulp.src</code> function's <code>since</code> option and <code>gulp.lastRun</code>:</p>\n<div class=\"highlight highlight-source-js notranslate position-relative overflow-auto\" dir=\"auto\" data-snippet-clipboard-copy-content=\"const paths = {\n ...\n images: {\n src: 'src/images/**/*.{jpg,jpeg,png}',\n dest: 'build/img/'\n }\n}\n\nfunction images() {\n return gulp.src(paths.images.src, {since: gulp.lastRun(images)})\n .pipe(imagemin())\n .pipe(gulp.dest(paths.images.dest));\n}\n\nfunction watch() {\n gulp.watch(paths.images.src, images);\n}\"><pre><span class=\"pl-k\">const</span> <span class=\"pl-s1\">paths</span> <span class=\"pl-c1\">=</span> <span class=\"pl-kos\">{</span>\n ...\n <span class=\"pl-s1\">images</span>: <span class=\"pl-kos\">{</span>\n <span class=\"pl-s1\">src</span>: <span class=\"pl-s\">'src/images/**/*.{jpg,jpeg,png}'</span><span class=\"pl-kos\">,</span>\n <span class=\"pl-c1\">dest</span>: <span class=\"pl-s\">'build/img/'</span>\n <span class=\"pl-kos\">}</span>\n<span class=\"pl-kos\">}</span>\n\n<span class=\"pl-k\">function</span> <span class=\"pl-en\">images</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-k\">return</span> <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">src</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">images</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-kos\">{</span><span class=\"pl-c1\">since</span>: <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">lastRun</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">images</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">}</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-en\">imagemin</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span>\n <span class=\"pl-kos\">.</span><span class=\"pl-en\">pipe</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">dest</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">images</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">dest</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span>\n\n<span class=\"pl-k\">function</span> <span class=\"pl-en\">watch</span><span class=\"pl-kos\">(</span><span class=\"pl-kos\">)</span> <span class=\"pl-kos\">{</span>\n <span class=\"pl-s1\">gulp</span><span class=\"pl-kos\">.</span><span class=\"pl-en\">watch</span><span class=\"pl-kos\">(</span><span class=\"pl-s1\">paths</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">images</span><span class=\"pl-kos\">.</span><span class=\"pl-c1\">src</span><span class=\"pl-kos\">,</span> <span class=\"pl-s1\">images</span><span class=\"pl-kos\">)</span><span class=\"pl-kos\">;</span>\n<span class=\"pl-kos\">}</span></pre></div>\n<p dir=\"auto\">Task run times are saved in memory and are lost when gulp exits. It will only\nsave time during the <code>watch</code> task when running the <code>images</code> task\nfor a second time.</p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-want-to-contribute\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#want-to-contribute\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Want to contribute?</h2>\n<p dir=\"auto\">Anyone can help make this project better - check out our <a href=\"/gulpjs/gulp/blob/master/CONTRIBUTING.md\">Contributing guide</a>!</p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-backers\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#backers\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Backers</h2>\n<p dir=\"auto\">Support us with a monthly donation and help us continue our activities.</p>\n<p dir=\"auto\"><a href=\"https://opencollective.com/gulpjs#support\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/8285f6159261d19ef43b875d95479a033d7394b854b8401b18222220f7e7027f/68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f67756c706a732f6261636b6572732e737667\" alt=\"Backers\" data-canonical-src=\"https://opencollective.com/gulpjs/backers.svg\" style=\"max-width: 100%;\"></a></p>\n<h2 tabindex=\"-1\" dir=\"auto\"><a id=\"user-content-sponsors\" class=\"anchor\" aria-hidden=\"true\" tabindex=\"-1\" href=\"#sponsors\"><svg class=\"octicon octicon-link\" viewBox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z\"></path></svg></a>Sponsors</h2>\n<p dir=\"auto\">Become a sponsor to get your logo on our README on Github.</p>\n<p dir=\"auto\"><a href=\"https://opencollective.com/gulpjs#support\" rel=\"nofollow\"><img src=\"https://camo.githubusercontent.com/bd62932eed55308592ac2950843f82f9e5f558f8899b78666bf2afcd6169b7e0/68747470733a2f2f6f70656e636f6c6c6563746976652e636f6d2f67756c706a732f73706f6e736f72732e737667\" alt=\"Sponsors\" data-canonical-src=\"https://opencollective.com/gulpjs/sponsors.svg\" style=\"max-width: 100%;\"></a></p>\n</article>",
"loaded": true,
"timedOut": false,
"errorMessage": null,
"headerInfo": {
"toc": [
{
"level": 2,
"text": "What is gulp?",
"anchor": "what-is-gulp",
"htmlText": "What is gulp?"
},
{
"level": 2,
"text": "What's new in 4.0?!",
"anchor": "whats-new-in-40",
"htmlText": "What's new in 4.0?!"
},
{
"level": 2,
"text": "gulp for enterprise",
"anchor": "gulp-for-enterprise",
"htmlText": "gulp for enterprise"
},
{
"level": 2,
"text": "Installation",
"anchor": "installation",
"htmlText": "Installation"
},
{
"level": 2,
"text": "Roadmap",
"anchor": "roadmap",
"htmlText": "Roadmap"
},
{
"level": 2,
"text": "Documentation",
"anchor": "documentation",
"htmlText": "Documentation"
},
{
"level": 2,
"text": "Sample gulpfile.js",
"anchor": "sample-gulpfilejs",
"htmlText": "Sample gulpfile.js"
},
{
"level": 2,
"text": "Use latest JavaScript version in your gulpfile",
"anchor": "use-latest-javascript-version-in-your-gulpfile",
"htmlText": "Use latest JavaScript version in your gulpfile"
},
{
"level": 2,
"text": "Incremental Builds",
"anchor": "incremental-builds",
"htmlText": "Incremental Builds"
},
{
"level": 2,
"text": "Want to contribute?",
"anchor": "want-to-contribute",
"htmlText": "Want to contribute?"
},
{
"level": 2,
"text": "Backers",
"anchor": "backers",
"htmlText": "Backers"
},
{
"level": 2,
"text": "Sponsors",
"anchor": "sponsors",
"htmlText": "Sponsors"
}
],
"siteNavLoginPath": "/login?return_to=https%3A%2F%2Fgithub.com%2Fgulpjs%2Fgulp"
}
},
{
"displayName": "LICENSE",
"repoName": "gulp",
"refName": "master",
"path": "LICENSE",
"preferredFileType": "license",
"tabName": "MIT",
"richText": null,
"loaded": false,
"timedOut": false,
"errorMessage": null,
"headerInfo": {
"toc": null,
"siteNavLoginPath": "/login?return_to=https%3A%2F%2Fgithub.com%2Fgulpjs%2Fgulp"
}
},
{
"displayName": "SECURITY.md",
"repoName": "gulp",
"refName": "master",
"path": ".github/SECURITY.md",
"preferredFileType": "security",
"tabName": "Security",
"richText": null,
"loaded": false,
"timedOut": false,
"errorMessage": null,
"headerInfo": {
"toc": null,
"siteNavLoginPath": "/login?return_to=https%3A%2F%2Fgithub.com%2Fgulpjs%2Fgulp"
}
}
],
"overviewFilesProcessingTime": 40.601068
}
},
"appPayload": {
"helpUrl": "https://docs.github.com",
"findFileWorkerPath": "/assets-cdn/worker/find-file-worker-32bb159cc57c.js",
"findInFileWorkerPath": "/assets-cdn/worker/find-in-file-worker-c6704d501c10.js",
"githubDevUrl": null,
"enabled_features": {
"code_nav_ui_events": false,
"copilot_conversational_ux": false,
"copilot_conversational_ux_embedding_update": false,
"copilot_popover_file_editor_header": false,
"copilot_smell_icebreaker_ux": true,
"copilot_workspace": false,
"codeview_firefox_inert": true
}
}
}
}
{
"accept-ranges": "bytes",
"cache-control": "max-age=0, private, must-revalidate",
"content-encoding": "gzip",
"content-security-policy": "default-src 'none'; base-uri 'self'; child-src github.com/assets-cdn/worker/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com api.githubcopilot.com objects-origin.githubusercontent.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.com/assets-cdn/worker/ gist.github.com/assets-cdn/worker/",
"content-type": "text/html; charset=utf-8",
"date": "Mon, 26 Feb 2024 11:02:43 GMT",
"etag": "2348d896bd602c918d7b0b6cd698751f",
"referrer-policy": "no-referrer-when-downgrade",
"server": "GitHub.com",
"set-cookie": "logged_in=no; Path=/; Domain=github.com; Expires=Wed, 26 Feb 2025 11:02:43 GMT; HttpOnly; Secure; SameSite=Lax",
"strict-transport-security": "max-age=31536000; includeSubdomains; preload",
"transfer-encoding": "chunked",
"vary": "X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, Accept-Encoding, Accept, X-Requested-With",
"x-content-type-options": "nosniff",
"x-frame-options": "deny",
"x-github-request-id": "B144:47AB:199A760:246C6DB:65DC6FD3",
"x-xss-protection": "0"
}