! this project is forked from https://github.com/mattlewis92/webpack-retry-chunk-load-plugin
A webpack plugin to retry loading of async chunks that failed to load
// 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 value to set the amount of time in milliseconds before trying to load the chunk again. Default is 0
// if string, value must be code to generate a delay value. Receives retryCount as argument
// e.g. `function(retryAttempt) { return retryAttempt * 1000 }`
retryDelay: 3000,
// 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'],
// optional code to be executed in the browser context if after all retries chunk is not loaded.
// if not set - nothing will happen and error will be returned to the chunk loader.
lastResortScript: "window.location.href='/500.html';",
/**
* optional string value to load chunk using fallback path
* if set will try one more time using fallback path after max retries failed
*/
fallbackPath: '//cdn-fallback.com/',
}),
];- webpack > 5.0.0
rewrite __webpack_require__ function to retry or using fallback path to load chunk.
if shouldTryFallback === true, get the fallback path of the chunk when over the maxRetries.
${RuntimeGlobals.loadScript} = function(url, done, key, chunkId) {
var retries = countMap.hasOwnProperty(chunkId) ? countMap[chunkId] : ${maxRetries};
var finalUrl = url;
if (retries < 0 && ${shouldTryFallback}) {
finalUrl = url.replace(${
RuntimeGlobals.publicPath
}, fallbackPath);
isTriedFallbackMap[chunkId] = true;
}
var result = oldLoadScript(finalUrl, done, key, chunkId);
return result;
};add retry feature of ensureChunk load.
${RuntimeGlobals.ensureChunk} = function(chunkId){
var result = oldEnsureScript(chunkId);
return result.catch(function(error){
var retries = countMap.hasOwnProperty(chunkId) ? countMap[chunkId] : ${maxRetries};
if (retries < 1 && (${shouldTryFallback} === !!isTriedFallbackMap[chunkId])) {
var realSrc = oldGetScript(chunkId);
error.message = 'Loading chunk ' + chunkId + ' failed after ${maxRetries} retries.\\n(' + realSrc + ')';
error.request = realSrc;${
this.options.lastResortScript
? this.options.lastResortScript
: ''
}
throw error;
}
return new Promise(function (resolve) {
var retryAttempt = ${maxRetries} - retries + 1;
setTimeout(function () {
var retryAttemptString = '&retry-attempt=' + retryAttempt;
var cacheBust = ${getCacheBustString()} + retryAttemptString;
queryMap[chunkId] = cacheBust;
countMap[chunkId] = retries - 1;
resolve(${RuntimeGlobals.ensureChunk}(chunkId));
}, getRetryDelay(retryAttempt))
})
});
};MIT