How to change img reference in css

I want to change:

.demo{
    background: url("../img/demo.jpg");
}

to like:

.demo{
    background: url("../img/demo-0317f424c0.jpg");
}

how can I do this?

[shonny-ua]

Use gulp-filter

const filter = require('gulp-filter');
const fHtml = filter(['**/*.html', '*.html', '../**/*.html'], {restore: true});
const fCss = filter(['**/*.css', '*.css', '../**/*.css'], {restore: true});

return gulp.src(['rev/**/*.json', 'src/*.html', 'css/**/*.css'])
    .pipe(revCollector({
      replaceReved: true,
    }))
    .pipe(fHtml)
    .pipe(gulp.dest('dist/html'))
    .pipe(fHtml.restore)
    .pipe(fCss)
    .pipe(gulp.dest('dist/css'))

[RickCole21]

got it ~ thanks alot