Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 1,000,000+ packages pre-installed, including gulp-changed with all npm packages installed. Try it out:

require("gulp/package.json"); // gulp is a peer dependency. var gulpChanged = require("gulp-changed")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

gulp-changed v4.0.2

Only pass through changed files

gulp-changed Build Status

Only pass through changed files

No more wasting precious time on processing unchanged files.

By default it's only able to detect whether files in the stream changed. If you require something more advanced like knowing if imports/dependencies changed, create a custom comparator, or use another plugin.


$ npm install --save-dev gulp-changed


const gulp = require('gulp');
const changed = require('gulp-changed');
const ngAnnotate = require('gulp-ng-annotate'); // Just as an example

const SOURCE = 'src/*.js';
const DESTINATION = 'dist';

exports.default = () => (
        // `ngAnnotate` will only get the files that
        // changed since the last time it was run


changed(destination, options?)


Type: string | Function

Destination directory. Same as you put into gulp.dest().

This is needed to be able to compare the current files with the destination files.

Can also be a function returning a destination directory path.


Type: object


Type: string
Default: process.cwd()

Working directory the folder is relative to.


Type: string

Extension of the destination files.

Useful if it differs from the original, like in the example below:

exports.jade = () => (
        .pipe(changed('app', {extension: '.html'}))

Type: Function
Default: changed.compareLastModifiedTime

Function that determines whether the source file is different from the destination file.

Built-in comparators
  • changed.compareLastModifiedTime
  • changed.compareContents
exports.jade = () => (
        .pipe(changed('app', {hasChanged: changed.compareContents}))

You can also supply a custom comparator function which will receive the following arguments and should return Promise.


Type: Function

Function to transform the path to the destination file. Should return the absolute path to the (renamed) destination file.

Useful if you rename your file later on, like in the below example:

exports.marked = () => (
        .pipe(changed('dist', {transformPath: newPath => path.join(path.dirname(newPath), path.basename(newPath, '.md'), 'index.html')}))
        .pipe(rename(newPath => path.join(path.dirname(newPath), path.basename(newPath, '.md'), 'index.html'))))

In-place change monitoring

If you're looking to process source files in-place without any build output (formatting, linting, etc), have a look at gulp-changed-in-place.


RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free