Simple scripts to create random versions for your scripts and css files to avoid your browser cacheing your changes during development.
I run into the issue on both Chrome and Safari that when running something like http-server to develop webpages with CSS and JS, the browser caches my files and does not update changes when I make them. There is a way with both browsers to stop this, but I never found a way that worked great for me. My soultion was the create a new "version" of the files everytime the files were opened. I.e. my-file.css?v=0.12324. This forces the browser to load the new version of the file.
Use something like raw.githack to create a raw link to the index.js file of versionify and add it to the head of your document.
<script type="text/javascript" src="https://raw.githack.com/nickgraffis/versionify/master/versionify.js"></script>
You can also npm install @nickgraffis/versionify.
Then just below call a function for each of the JS files you'd like randomly versionified
<script>
scripts('your-file.js');
</script>Works with CSS files too!
<script>
styles('your-file.css');
</script>