Question

Whenever we make changes to JS files, browsers cache the previous version of the client resources. Due to this, the changes are not reflected across the build.

Can any one suggest what is the best way to get this solved?

I wish the new resource to be requested by the browser only after a new build and for every other time the cached resource could just be fine as it helps performance.

Answer 1

Supply a version parameter in the URL. Basically,

<link rel="stylesheet" href="css/style.css?v=${app.version}" />
<script src="js/script.js?v=${app.version}"></script>

wherein the ${app.version} is an application wide variable which returns an integer or decimal value or maybe just the timestamp of the server’s startup time. If the request parameter value changes, then the client is forced to send a new request on it.