JS cache optimization: use Webpack's native content hashes

alakajam-team / alakajam

Website powering the Alakajam! game making community

https://alakajam.com/

Other

28 stars 13 forks source link

JS cache optimization: use Webpack's native content hashes #601

Open mkalam-alami opened 3 years ago

mkalam-alami commented 3 years ago

Currently we just append the server boot times to the JS URLs, but Webpack supports configuration like filename: '[name].[contenthash].js'. We'd need to figure out how to store the content hashes somewhere to be picked up on server launch. Probably just for production environments.

EDIT: See HtmlWebpackPlugin

mkalam-alami commented 3 years ago

Implementation:

In dev mode, keep the actual behavior
In production mode:
- Have Webpack generate content hashes in the filenames
- In base.template.tsx, have a function actually browse the js/css folders to figure out the filenames (only once, then cache them in variables). Use those to write the script/link tags.