From 7536338e0becc7f9cde62becbde58e18a270cb31 Mon Sep 17 00:00:00 2001 From: Charles Lyding <19598772+clydin@users.noreply.github.com> Date: Tue, 6 Jul 2021 13:55:31 -0400 Subject: [PATCH] fix(@ngtools/webpack): allow generated assets of Angular component resources The asset caching for Angular component resources previously required that all assets had an originating file. However, some Webpack plugins may generate assets that do not originate from on-disk files and are instead synthetic. These type of assets are now supported by generating a cache key based on the output name of the asset. These assets will persist within the cache due to the lack of knowledge on the dependencies of these assets which results in the inability to invalidate the assets. Updated assets of the same output name will, however, replace older versions of the asset on rebuilds. Fixes: #21290 --- packages/ngtools/webpack/src/resource_loader.ts | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/packages/ngtools/webpack/src/resource_loader.ts b/packages/ngtools/webpack/src/resource_loader.ts index c4d6119a978f..5aa58749223c 100644 --- a/packages/ngtools/webpack/src/resource_loader.ts +++ b/packages/ngtools/webpack/src/resource_loader.ts @@ -275,12 +275,15 @@ export class WebpackResourceLoader { parent.warnings.push(...childCompilation.warnings); parent.errors.push(...childCompilation.errors); - for (const { info, name, source } of childCompilation.getAssets()) { - if (info.sourceFilename === undefined) { - throw new Error(`'${name}' asset info 'sourceFilename' is 'undefined'.`); - } - this.assetCache?.set(info.sourceFilename, { info, name, source }); + if (this.assetCache) { + for (const { info, name, source } of childCompilation.getAssets()) { + // Use the originating file as the cache key if present + // Otherwise, generate a cache key based on the generated name + const cacheKey = info.sourceFilename ?? `!![GENERATED]:${name}`; + + this.assetCache.set(cacheKey, { info, name, source }); + } } }