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