Advanced Microfrontends - Reduce web components bundle size using webpack externals

Angular elements tutorial: Web components created using Angular elements have big bundle size due to the presence of angular bundles in them. When we use multiple angular elements in a single page, this can be costly. So we take a look at how we can share the resources like angular dependencies across multiple angular elements using webpack externals configuration.

[rafiquemohammed]

Amazing Video. Never seen anyone giving in-dept explanation. Though its very hard to follow but it helps many others to get started

[pratsraj]

will the externals work in angular 13 onwards ?

[bala]

can i make a angular app as custom element and use it in static html file with a single js bundle file as you mentioned in this video.

[bala]

can I use angular route and lazy loading in custom element