How to force the browser to reload cached CSS/JS files?

Question

I have noticed that some browsers (in particular, Firefox and Opera) are very zealous in using cached copies of .css and .js files, even be

Answer 1

For development: use a browser setting: eg. Chrome network tab has a disable cache option.

For production: append a unique query parameter to the request (eg. q?Date.now()) with a server-side rendering framework or pure javascript.

//pure javascript unique query parameter generation
    //=== myfile.js
    function hello() { console.log('hello') };
    //=== end of file



      ')