Cached translation files cause broken UI after releases

[arildm]

JS bundles are decorated with a content hash, so the browser fetches new code after a release, instead of reusing cached code. This is since #318. However, the locale files have permanent names (locale-swe.json etc) so the browser will reuse cached locale files. If the new relase has new or changed translation strings, they will not show correctly.

Locale files are referenced in code, not sure if we can get a Webpack-generated content hash in there.

korp-frontend/app/scripts/data_init.ts

Line 25 in 3bda2d0

const file = `translations/${pkg}-${lang}.json`

An alternative could be to include the locale files at build time.

I guess we should be able to dynamically import them, just like we do with Rickshaw and some other things, and then Webpack will sort out hashed filenames?