Angular: Fix angular 13.1 JIT error and HMR reload

[ThibaudAV]

Issue: #17039

What I did

• Disable unnesasary webpack stuff if we use angular-cli >= 12
• Add deprecation warning when project use angular.json with legacy way
• Add watch option for angular 13.x

How to test

• Is this testable with Jest or Chromatic screenshots?
• Does this need a new example in the kitchen sink apps?
• Does this need an update to the documentation?

Angular test by @ThibaudAV locally on project :

• Angular 12.x (with csf3 and IRL project :p )
• Angular 13.x
• Angular 12.x with fresh install

other ?

If your answer is yes to any of these, please make sure to include it in your PR.

[nx-cloud]

☁️ Nx Cloud Report

CI ran the following commands for commit abdcedd. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 1 target

• nx run-many --target=prepare --all --parallel --max-parallel=15

---

Sent with 💌 from NxCloud.

[ThibaudAV]

maybe we can improve my English 😅

[shilman]

Thanks @ThibaudAV !!!! 🙏 🙏 🙏

It looks like this is breaking on the Angular12 e2e tests. Can you please take a look?

[ThibaudAV]

thanks will do more test with fresh install in Angular 12.x. (not only a CSF3 and IRL project)

[ThibaudAV]

fixed no ?

There are now 2 distincts modes old and new. It was necessary to exclude this configuration with the same "reasoning"

angular >=13 -> new way
angular 12.2.x with builder -> new way
other (<=12) -> old way

there is this distinction for the builder and angular 12 because it allowed to validate the new way before angular 13. and I think it's good to keep it

[shilman]

Thanks @ThibaudAV !!! 🙏 💯 🎖️