Append file hash as a querystring to the resource references in html and css files.

npm install gulp-res-version --save-dev

const resversion = require('gulp-res-version');

gulp.task('prd', () => {
    gulp.src(['./build/**/*.html', './build/**/*.css'])
        .pipe(resversion({
            rootdir: './build/',
            ignore: [/#data$/i]
        }))
        .pipe(gulp.dest('./build/'));
});

Input

<link rel="stylesheet" href="/css/index.css"/>
<script src="/js/common.js"></script>

.bg { background:url(images/bg.png);}

Output

<link rel="stylesheet" href="/css/index.css?v=731fb82c"/>
<script src="/js/common.js?v=be300b8f"></script>

.bg { background:url(images/bg.png?v=4d9e3819);}

Type: String

path of root directory, relative to the gulpfile, useful for the absolute paths like '/css/index.css'

Type: Array

Array of RegExps

Type: String

Default: 'v'

key name of querystring to append