[RFC] Change bundle names to include content hashes

[avin-kavish]

Context
Currently, the bundle & chunk names used across builds are the same. This can cause caching issues on the client side where browsers may serve outdated versions of the bundle. It may also cause version mismatches across chunks where a mixture of up to date and out of date chunks are executed. A common cache busting technique/practice is to include a unique hash in the file name calculated for each chunk during the build. A change in code will cause the hash to be different, thereby the file name to be different and in turn bypass the browser cache

Resulting files names would look like,

auspice.bundle.e81de2cf758ada72f306.js

Relevant Reading
https://webpack.js.org/guides/caching/#output-filenames

Possible Solution
Add [contenthash] to output.filename and output.chunkFilename in the webpack config.

[HashTalmiz]

Hey, can I take this issue up?

[jameshadfield]

Yes -- please do!

[HashTalmiz]

I'm facing issue while trying to install Auspice locally. Just installed miniconda, which worked fine for the conda environment, but when i enter npm install --global auspice, this shows up:

[jameshadfield]

Hmm. Have not seen this particular error. To develop auspice I suggest installing from source via https://nextstrain.github.io/auspice/introduction/install#installing-from-source (apologies if you're doing this, npm install --global auspice looks to me like installing from the npm registry)

[HashTalmiz]

Thanks, that worked.
Many HTML files are dependent on a single auspice.bundle.js file, only problem is that they're all scattered in many directories. I've made a way around that, but it looks like the content-hashing isn't working ;-;
This is how the output object in webpack.config.json looks like
output : { path : outputPath, filename : 'auspice.[contenthash].bundle.js', chunkFilename : 'auspice.[contenthash].chunk.[name].bundle.js', publicPath : '/dist/' },
Can you check out the changes I've made in my forked repo?

[jameshadfield]

Hey @HashTalmiz -- I believe that the main bundle (./dist/auspice.bundle.js) is only referenced by a single file, index.html. This bundle then lazily loads the other chunks as needed. If you submit a PR I'd be happy to take a look 😄

[HashTalmiz]

CI/CD tests failed in the above mentioned PR :/ , This is my first PR on github so kindly excuse the mistakes

[jameshadfield]

No problem -- I'll take a look over the coming days!

[HashTalmiz]

Thanks. Let me know what was wrong.