webpack-retry-chunk-load-plugin

A webpack plugin to retry loading of async chunks that failed to load

Usage

// webpack.config.js
const { RetryChunkLoadPlugin } = require('webpack-retry-chunk-load-plugin');

plugins: [
  new RetryChunkLoadPlugin({
    // optional stringified function to get the cache busting query string appended to the script src
    // if not set will default to appending the string `?cache-bust=true`
    cacheBust: `function() {
      return Date.now();
    }`,
    // optional function called just before retry with errorType, chunkId, url as params
    preRetryCallback: `function(errorType, chunkId, url) {}`,
    // callback used to enable/disable the retry based on error type. 
    // Can also be used for feature rollout via feature flags.
    shouldRetry: `function(errorType) { return true; }`,
    // callback used to enable/disable the cache busting during retry based on error type.
    shouldCacheBust: `function(errorType) { return true; }`,
    // optional value to set the maximum number of retries to load the chunk. Default is 1
    maxRetries: 5,
    // optional list of chunks to which retry script should be injected
    // if not set will add retry script to all chunks that have webpack script loading
    chunks: ['chunkName']
  })
];

angular cli

To use this with the angular CLI you can use the fantastic angular-builders project to extend the built in webpack config

License

MIT