gulp-append-query-string

Preventing caching of CSS / JS files

Usage

$ npm install gulp-query-string --save-dev

const appendQueryString = require('gulp-append-query-string');
 
gulp.task('default', () => {
  gulp.src('index.html')
    .pipe(appendQueryString())
    .pipe(gulp.dest('.'));
});

Finding link and script tags then, append query string (random) to the end of path.

Before

<link rel="stylesheet" href="styles/main.css">
<script src="scripts/main.js"></script>

After

<link rel="stylesheet" href="styles/main.css?bvtfpbsv">
<script src="scripts/main.js?bvtfpbsv"></script>

options

gulp.task('default', () => {
  gulp.src('dist/**/*')
    .pipe(appendQueryString({
      css: false,   // default: true
      js: false,    // default: true
      length: 16    // default: 8
    }))
    .pipe(gulp.dest('dist'));
});

• css - Append to css (default: true)
• js - Append to js (default: true)
• length - Length of query (default: 8)

License

MIT