`ngx-translate` cache busting

app.module.ts.md

+ // This value will be injected by Webpack
+ declare const I18N_HASH: string;

export function createTranslateLoader(http: HttpClient) {
- return new TranslateHttpLoader(http, './assets/i18n/', '.json');
+ return new TranslateHttpLoader(http, './assets/i18n/', '.json?v=' + I18N_HASH);
}

package.json.md

package.json:

{
  "scripts": {
    …
-   "start": "ng serve",
+   "start": "ng serve --extra-webpack-config webpack.partial.js",
-   "build": "ng build",
+   "build": "ng build --extra-webpack-config webpack.partial.js",
    …
  }
}

webpack.partial.js

const crypto = require('crypto');
const fs = require('fs');
const glob = require('glob');
const webpack = require('webpack');

function generateChecksum(str, algorithm, encoding) {
  return crypto
    .createHash(algorithm || 'md5')
    .update(str, 'utf8')
    .digest(encoding || 'hex');
}

const content = glob.sync(`src/assets/i18n/**/*.json`)
  .map(path => fs.readFileSync(path, { encoding: 'utf-8' }))
  .reduce((content, file) => content + file, '')

module.exports = {
  plugins: [
    new webpack.DefinePlugin({
      I18N_HASH: JSON.stringify(generateChecksum(content))
    }),
  ],
};