Only pass through if file changed or file from which it depends.
For JS
return gulp.src(`${src}/*.{js,jsx}`)
.pipe($.changed(dist, {
hasChanged: require('gulp-changed-enhancements').compareLastModifiedTimeJSDeps,
extension: '.js'
}))
....For CSS
return gulp.src(`${src}/*.{css,sss}`)
.pipe($.changed(dist, {
hasChanged: require('gulp-changed-enhancements').compareLastModifiedTimeCSSDeps,
extension: '.css'
}))
....For Pug
return gulp.src(`${src}/*.{pug}`)
.pipe($.changed(dist, {
hasChanged: require('gulp-changed-enhancements').compareLastModifiedTimePugDeps,
extension: '.html'
}))
....Or you can use this plugin for other files
return gulp.src(`${src}/*.sass`)
.pipe($.changed(dist, {
hasChanged: require('gulp-changed-enhancements').compareLastModifiedTimeWithDeps({
extensions: ['.sass','.scss'],
regex: /@import\s+(["'])(.*?)(["'])/gm,
regexElement: 2
}),
extension: '.css'
}))
....