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.
⚛ Learn React in just a couple of afternoons with this awesome React course by Wes Bos
$ npm install --save-dev gulp-changed
const gulp = ;const changed = ;const ngAnnotate = ; // Just as an exampleconst SRC = 'src/*.js';const DEST = 'dist';gulp;
Destination directory. Same as you put into
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.
Working directory the folder is relative to.
Extension of the destination files.
Useful if it differs from the original, like in the example below:
Function that determines whether the source file is different from the destination file.
You can also supply a custom comparator function which will receive the following arguments and should return
stream(transform object stream) - Should be used to queue
sourceFileif it passes some comparison
sourceFile(Vinyl file object)
destPath(string) - Destination for
sourceFileas an absolute path
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:
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.
MIT © Sindre Sorhus