My current stack is Angularjs, Gulp, NPM, etc. - so it is a single page app.
On build, I'm minifying my JS and styles and putting in a distribution file. Along with this build I am doing a gulp-replace in my index.html file to set a version on the JS/CSS.
Index before building
<script src="scripts.min.js?v=[replace]"></script>
After build
<script src="scripts.min.js?v=abc123"></script>
Every build changes the query param value. Note that I DID double check that each production build is changing the query param value - still to no avail!
Issue: this asset versioning does not appear to force the clients to refetch assets (they are still seeing old scripts/styles on the site).
Q - What the heck is happening here? How can I version my assets properly so that users will always get the new versions?