gulp-changed
    Overview
    Documentation
    Insights
    Code
    Contributors
    Dependencies
    Alternatives

gulp-changed

Only pass through changed files

4.0.1  •  Published 2 months ago  •  by Sindre Sorhus  •  MIT License

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.

Install

$ npm install --save-dev gulp-changed

Usage

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 = () => (
	gulp.src(SOURCE)
		.pipe(changed(DESTINATION))
		// `ngAnnotate` will only get the files that
		// changed since the last time it was run
		.pipe(ngAnnotate())
		.pipe(gulp.dest(DESTINATION))
);

API

changed(destination, options?)

destination

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.

options

Type: object

cwd

Type: string
Default: process.cwd()

Working directory the folder is relative to.

extension

Type: string

Extension of the destination files.

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

exports.jade = () => (
	gulp.src('src/**/*.jade')
		.pipe(changed('app', {extension: '.html'}))
		.pipe(jade())
		.pipe(gulp.dest('app'))
);
hasChanged

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
Example
exports.jade = () => (
	gulp.src('src/**/*.jade')
		.pipe(changed('app', {hasChanged: changed.compareContents}))
		.pipe(jade())
		.pipe(gulp.dest('app'))
);

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

transformPath

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 = () => (
	gulp.src('src/content/about.md')
		.pipe(changed('dist', {transformPath: newPath => path.join(path.dirname(newPath), path.basename(newPath, '.md'), 'index.html')}))
		.pipe(marked())
		.pipe(rename(newPath => path.join(path.dirname(newPath), path.basename(newPath, '.md'), 'index.html'))))
		.pipe(gulp.dest('dist'))
);

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.

We are hiring frontend and backend developers!
Come and help us build the ultimate open source directory 🔥

Popularity

Weekly Downloads
67.0K
Stars
725

Maintenance

Development

Last ver 2 months ago
Created 6 years ago
Last commit 5 months ago
1 month between commits

Technology

Node version: 10.16.0
8K unpacked

Legal and Compliance

MIT License
OSI Approved
0 vulnerabilities

Contributors

18 contributors
Sindre Sorhus
Maintainer, 50 commits, 13 merges
Arthur Verschaeve
Maintainer, 1 commits, 1 merges
Bo-Yi Wu
2 commits, 2 PRs
Works at Mediatek
Alex Gorbatchev
2 commits, 3 PRs
Mikael Brevik
2 commits, 1 PRs
Works at varianter
Milan Gardian
2 commits, 3 PRs
Works at Pandell Technology

Tags

gulpplugin
file
files
changed
newer
modified
modification
updated
time
mtime
stat
cache
cached
passthrough
© 2019 Devstore, Inc.
Devstore helps developers find and use open-source packages, so they can focus on building amazing things