question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. ItΒ collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Differential loading with es5 support enabled doesn't inject es5 bundles in the extra html files generated through @angular-builders/custom-webpack

See original GitHub issue

🐞 Bug report

Command (mark with an x)

  • new
  • build
  • serve
  • test
  • e2e
  • generate
  • add
  • update
  • lint
  • xi18n
  • run
  • config
  • help
  • version
  • doc

Description

A clear and concise description of the problem...

Recently we updated our project to Angular9.1.0 from Angularv7.3.8. We use @angular-builders/custom-webpack to generate index files for higher environments. After migration, i enabled Differential loading with es5 support enabled(With browserslist for IE11). After build, i can see that the generated htmls through custom webpack builder doesn’t have es5 builds injected in it. It has all the es2015 bundles and polyfills-es5. Since it doesn’t have other es bundles in it, it will fail in IE.

πŸ”¬ Minimal Reproduction

https://stackblitz.com/edit/angular-kzvnyl

🌍 Your Environment

Angular cli 9.1.1 Nod 10.15.3 Os: Win32

β€œ@angular/animations”: β€œ^9.1.0”, β€œ@angular/common”: β€œ^9.1.0”, β€œ@angular/compiler”: β€œ^9.1.0”, β€œ@angular/core”: β€œ^9.1.0”, β€œ@angular/forms”: β€œ^9.1.0”, β€œ@angular/platform-browser”: β€œ^9.1.0”, β€œ@angular/platform-browser-dynamic”: β€œ^9.1.0”, β€œ@angular/platform-server”: β€œ^9.1.0”, β€œ@angular/router”: β€œ^9.1.0”, β€œ@angular/cli”: β€œ^9.1.0”, β€œ@angular/compiler-cli”: β€œ^9.1.0”, β€œ@angular/language-service”: β€œ^9.1.0”, β€œ@angular-builders/custom-webpack”: β€œ^9.0.0”, β€œ@angular-builders/dev-server”: β€œ^7.3.1”, β€œ@angular-devkit/build-angular”: β€œ~0.901.0”,

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
just-jebcommented, Apr 27, 2020

Just to clarify - indexTransform is an option in custom-webpack builder.

0reactions
arbali12commented, Apr 27, 2020

My bad…didn’t notice it :p

Read more comments on GitHub >

github_iconTop Results From Across the Web

Angular 9: Error while "Generating ES5 bundles for differential ...
As I have to support the IE 11 browser, the target is "es5". After the update I am getting the following error while...
Read more >
A Guide to Angular 8's Differential Loading | by Auth0 | Medium
Learn all about one of its coolest new features: differential loading. Differential loading lets you serve up different bundles to different browsers and...
Read more >
angular-builders/custom-webpack - npm
Custom webpack builders for Angular build facade. Allow to modify Angular build configuration without ejecting it. Latest version: 15.0.0,Β ...
Read more >
"Differential Loading" - A New Feature of Angular CLI v8
If the application needs to support ES5 browsers and TypeScript target is higher than es5, the CLI automatically makes additional bundles ...
Read more >
A Guide to Angular 8's Differential Loading Feature - Auth0
Angular 8 now sends separate bundles to legacy browsers by default. ... conditional polyfills (differential loading enabled, target is es5 )Β ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found