Several fixes for differential loading bundle downleveling

[clydin]

This corrects SRI value injection into the runtime bundle as well as accurately displaying file sizes following a differential loading build.

Fixes #15468
Fixes #15425
Fixes #15625

[alan-agius4]

LGTM

[lppedd]

@clydin hi! could this be backported to 8.3.*?

[clydin]

It will be in the next patch release which will be released this week.

[lppedd]

@clydin thank you, awesome!

[lppedd]

@clydin Updated. I've noticed the bundles are "mixed", and only after generating the ES5 ones chunks are displayed. I still receive the budget warning (don't understand if ES5 or ES2015, but ES2015 is way lower). Is this wanted?

[paul-davis-sp]

@clydin We are having the same issue as @lppedd. The bundle sizes have decreased on disk after upgrading to Angular 8, but the budget is still complaining.

The size of our main-es2015 bundle is 1.3M, but the budget fails:
ERROR in budgets, maximum exceeded for main. Budget 1.33 MB was exceeded by 309 kB.

[william-chen-iress]

We tested this in ng cli 8.3.8

we still have SRI error for lazy load module.

The steps to reproduce is in #15468.
My environment:
Angular CLI: 8.3.8
Node: 12.9.1
OS: win32 x64
Angular: 8.2.9
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package Version

@angular-devkit/architect 0.803.8
@angular-devkit/build-angular 0.803.8
@angular-devkit/build-optimizer 0.803.8
@angular-devkit/build-webpack 0.803.8
@angular-devkit/core 8.3.8
@angular-devkit/schematics 8.3.8
@angular/cli 8.3.8
@ngtools/webpack 8.3.8
@schematics/angular 8.3.8
@schematics/update 0.803.8
rxjs 6.4.0
typescript 3.5.3
webpack 4.39.2

[sjoulbak]

@clydin This will fail when the chunk id is null, since the id definition in Chunk class tells us that it can also be null.

[clydin]

The types are incorrect there. It can actually be a string or a number. At successful completion of the build an id is also required to properly construct the runtime from within Webpack. Also of note, the name field which from the link says it is always a string, can in fact be null.

[clydin]

Additional fixes/improvements are being backported to 8.3, this will resolve the remaining SRI issues. There are unfortunately still some situations where the bundle budgets can trigger errantly. These are in the process of being corrected.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}