systemjs_cachebuster_version_query_string_configuration.ts

1import * as systemjs from 'systemjs';
2import { CacheBuster } from 'systemjs-cachebuster';
3
4// The cache buster map, usually generated during your build process.
5// It maps the module file path to its current version or hash.
6const cacheBusterMap = {
7  'app/main.js': 'v1.0.2',
8  'app/utils.js': 'v1.0.5'
9};
10
11// Initialize the CacheBuster with SystemJS and the version map
12const cacheBuster = new CacheBuster(systemjs, cacheBusterMap);
13
14// Patch SystemJS to use the cache buster
15cacheBuster.patch();
16
17// Now, when you import a module, SystemJS will append the version as a query string
18// Example: System.import('app/main.js') -> requests 'app/main.js?v=v1.0.2'
19systemjs.import('app/main.js').then(module => {
20  console.log('Module loaded with cache busting!');
21});